在使用vue路由的時(shí)候,在兩個(gè)入口文件中分別設(shè)置路由,引入到html文件中,如下<div id="app"><p> <router-link to='/home'>首頁(yè)</router-link> <router-link to='/pageone'>page1</router-link></p><router-view></router-view></div><div id="one"> <p> <router-link to='user/one'>one</router-link> <router-link to='user/two'>two</router-link> </p> <router-view></router-view></div>兩個(gè)js文件如下:文件1:import Vue from 'vue'import VueRouter from 'vue-router'import Home from './vue/home.vue'import Pageone from './vue/pageone.vue'Vue.use(VueRouter);const routes=[ {path:'/home',component:Home}, {path:'/pageone',component:Pageone}];const router=new VueRouter({routes})const app=new Vue({ router}).$mount('#app')文件2:import Vue from 'vue'import VueRouter from 'vue-router'import Home from './vue/home.vue'import Pageone from './vue/pageone.vue'Vue.use(VueRouter)const One={ template:'<div>user {{$route.params.id}}</div>'}const router=new VueRouter({ routes:[ {path:'/user/:id',component:One} ]})const one=new Vue({ router}).$mount('#one')在瀏覽器中可見(jiàn),只有id為app內(nèi)的路由可以正常實(shí)現(xiàn),但是在id為one中路由第一次點(diǎn)擊可以正常顯示,但是之后再點(diǎn)擊就會(huì)發(fā)現(xiàn)路徑會(huì)疊加,無(wú)法正確展示正常顯示路徑疊加,沒(méi)有正常顯示,,如何可以正確顯示呢?
路由的路徑為什么發(fā)生疊加?
紫衣仙女
2019-03-22 14:15:24