使用vue-router的addRoutes动态添加路由不生效??

winner王
  • 51

前端实现路由权限控制,根据不同的角色使用不同的路由,我现在在main.js里使用addRoutes的方法添加角色对应的路由
`new Vue({

el: '#app',

router,

store,

template: '<App/>',

components: {App},

created() {

const newrouter = [

{

path: '/',

name: 'home首页',

component: resolve => require(['@/components/home'], resolve),

redirect: '/payro/manage',

children: [

{

path: '/payro/manage',

component: resolve => require(['views/index'], resolve),

name: '首页'

},

{

path: 'test',

component: require('views/test').default,

name: '测试'

}]

}

];

console.log('刷新');

this.$router.options.routes = [];

this.$router.addRoutes(newrouter);

this.$router.options.routes = newrouter;

console.log(this.$router);

}

});`
通过console.log打印,this.$routes.options.routes里面已经是newrouter的内容了,但是页面依然能跳转之前路由,所以想问下既然已经替换更新了路由为什么还能访问之前的路由呢?

回复
阅读 6.6k
1 个回答
宣传栏