vue3路由,vue-router4,动态添加路由不生效的问题

项目场景:

在vue3.0中,做了个动态添加权限路由的功能,可是死活不行

问题描述:

使用router.addRoute添加好路由之后,输入路由地址死活访问不了,提示没有匹配到这个路由
在这里插入图片描述
但是把路由实例(router.getRoutes())打出来却又显示已经有,已经添加上去了,最后还怀疑是不是router4当中新特征,只能一个个添加,当添加子路由的时候还要多传一个父路由的name,最后也用递归去做了,但还是照样不行,也试过很多种方式,也检查过路由的各项字段,也没出错,还怀疑是引入组件的方式不正确。百思不得其解
vue3路由,vue-router4,动态添加路由不生效的问题_第1张图片

解决方案:

最后发现原来是在地址栏直接输入路由不行,但是通过调用方法router.push()却能正确跳转。。。人都要疯了哈哈哈哈

你可能感兴趣的:(web前端,vue3.x,vue.js,前端,javascript)