vue 动态插入子路由

动态路由
动态注册路由（动态在new router中注册路由）
动态向router数组中添加路由。

 let comment = [{path: '../../view/index/index.vue'}];
this.$router.options.routes[1].push({path: '/' + __menu.name,
name: __menu.name,name: __menu.name,component: resolve => require([comment[0].path], resolve)})this.$router.addRoutes(vm.$router.options.routes);//调用addRoutes添加路由

总结
通过this.$router.options.router[1]可以找到自己定义的router，然后按照规则进行添加就可以，最后不要忘记使用**addRoutes()**将相关的路由进行添加，这样才可以正确的天机路由，尤其是不要将方法名写错。
###路由嵌套
使用children进行路由的嵌套，相当于父子路由的嵌套。

const router = new VueRouter({routes: [{name: 'login',path: '/login',component: login},{name: 'main',path: '/main',redirect: '/icustomer',component: main,children: [{path: '/icustomer',name: 'customer',component: resolve => require(['../view/index/icustomer.vue'], resolve)}]} ]

---------------------
作者：sunqy1995
来源：CSDN
原文：https://blog.csdn.net/sunqy1995/article/details/81252889
版权声明：本文为博主原创文章，转载请附上博文链接！

vue 动态插入子路由相关推荐

vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...
vue 动态添加路由
为什么80%的码农都做不了架构师?>>> 最近在研究权限的相关东西,自然动态加载路由信息少不了.接下来我就来专门记录下我研究的东西. 1.首先后端代码返回一个对象,用java写 ...
Vue动态权限路由addRoutes执行初次白屏解决方法。
需求: 当用户登录,或者已经登录状态下刷新和重进web端,除了普通的路由配置(login.UserInfo.home.404等),还需要用户的权限路由,需要根据用户信息拿到当前用户的权限路由,动态添加 ...
Vue动态权限路由addRoutes执行初次白屏解决方法
需求: 当用户登录,或者已经登录状态下刷新和重进web端,除了普通的路由配置(login.UserInfo.home.404等),还需要用户的权限路由,需要根据用户信息拿到当前用户的权限路由,动态添加 ...
Vue动态设置路由title
{ path: '/videoCover', component: () => import ('./view/videoCover.vue'), meta: {title: ''}, }, 需 ...
vue动态设置路由重定向
需求为:项目分为业务系统和后台管理系统,重定向路由'/' 在业务系统显示为homepage,在后台管理系统首页显示为 dashboard: 实现在router.js: import Vue fro ...
Vue 动态设置路由Meta title 名称
路由配置 import ('@/views/accountManagement/editMain'), beforeEnter: (to, from, next) => {if (to.quer ...
vue 动态生成路由菜单（从后端请求到菜单数据，生成左侧菜单栏）
最近在学习vue,用vue+element ui搞一个管理后台的demo,发现网上好多菜单信息都放在前端js文件中,然后后端返回的角色去匹配对应的菜单信息.我自己不太喜欢这种方式,最后自己写了一套登录 ...
Ant Design Vue 动态路由
main.js 引入 router import router from './router' new Vue({router,i18n,created: bootstrap,render: h =& ...

vue 动态插入子路由

vue 动态插入子路由相关推荐

最新文章

热门文章