这是index页面代码
<body>
<noscript>
<strong>We're sorry but microball doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app">
<router-view></router-view>
</div>
</body>
这是router.js代码
import Vue from 'vue'
import VueRouter from 'vue-router'
import MatchOdds from '../views/MatchOdds.vue'
const root = document.createElement('div')
document.body.appendChild(root)
new Vue({ render: (h) => h((MatchOdds)), }).$mount(root)
Vue.use(VueRouter)
const routes = [
{
path: '/appstatic/wqfootBall/odds',
name: 'odds',
component: MatchOdds,
children: [{
path: '/appstatic/wqfootBall/odds',
components: {
asian: () =>
import ('../views/MatchAsianOdds.vue'),
ou: () =>
import ('../views/MatchAsianOdds.vue'),
euro: () =>
import ('../views/MatchEuroOdds.vue'),
kelly: () =>
import ('../views/MatchKellyOdds.vue'),
betfair: () =>
import ('../views/MatchBetfairOdds.vue')
},
props: { asian: { oddsKind: 0 }, ou: { oddsKind: 1 } }
}]
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
这是main.js代码
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import VueRouter from 'vue-router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.config.productionTip = false
Vue.use(VueRouter)
Vue.use(ElementUI)
new Vue({
router,
render: h => h(App)
}).$mount('#app')
这是app.vue代码
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<style>
#app{
-webkit-overflow-scrolling: touch;
}
</style>
就是不知道哪里错了一直提醒我找不到这个组件
删掉这两行
