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試試