vue动态添加路由

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

 通过routers中的addRoutes方法动态添加路由

const routeObj={
          path: \'container\',
          component: (resolve) => require([\'@/views/container/index.vue\'], resolve),
          meta: {
            title: \'test\',
          },
}
routeArr.push(routeObj)
this.$routers.addRoutes(routeArr)
注意：this.$routers.addRoutes(Arr)参数是数组

过程遇到问题：

1、重复路由---如果不是新增根路由，而是在已有路由添加子路由，需要找到根路由，将对象添加进该children子数组
最后需再次调用addRoutes方法才会生效

2、刷新变404---将404路由添加进动态路由中

3、添加路由后，点击路由跳转，页面空白，考虑是否是组件未加载，import导入不管用，使用resolve试试

以上是 vue动态添加路由 的全部内容， 来源链接： utcz.com/z/380225.html

回到顶部