router是VueRouter的实例,router是一个全局的路由对象,里面有很多的属性和方法
router.addRoutes(routes: Array<RouteConfig>)
动态添加更多的路由规则。参数必须是一个符合 routes
选项要求的数组。
使用router.addRoutes实现动态添加路由
<button @click="btn">addRouters</button>
methods: {
btn () {
// console.log(1111)
console.log(this)
this.$router.addRoutes([
{
path: '/qq',
name: 'qq',
component: () => import('./components/qq.vue')
}
])
}
}
效果
通过这个api实现,动态添加路由,