vue动态添加子路由问题？

  • Z时代
  • 2024-02-09
  • 分类：IT

 const newRoute = {
                  title: '帮助123',
                  path: `/${query.data.id}`,
                  name:`${query.data.id}`,
                  meta: {
                    //byPassToken:true, //是否绕过token认证
                    title: '预览'
                },
                  component: () => import('@/views/helpPreview/index.vue'),
                };
                this.$router.addRoute(newRoute);
                this.$router.push({ path: `/${query.data.id}`, query: { item: item } })

在组件内部新增路由，并且进行跳转，但是 this.$router.addRoute(newRoute);添加的不是子路由，导致vue标签页不显示
vue动态添加子路由问题？

回答：

this.$router.addRoute('name123',{ // 添加子路由只需把 addRoute第一个参数 填写 父级路由的name即可

path:'456',
component: () => import("@/views/xxx.vue"),
name: "name456",
meta: { title: "子路由 " },

})

以上是 vue动态添加子路由问题？ 的全部内容， 来源链接： utcz.com/p/934962.html

回到顶部