vue 路由二级跳转三级路由,路径变化页面没变

记录下路由跳转，二级路由跳转到三级路由（hidden为true）路径变化页面没变比如账号列表（二级路由）跳转到账号详情（三级路由）routes的index页面，已设置details页面为hidden为true在账号列表页面有个按钮，this.$router.push到user-details如果在这个页面不添加就是上面的情况可是如果只添加了这句，那还是路径变化页面没变，其实已经变了，只是两个共用一

向上的时钟塔

4839人浏览 · 2021-08-11 14:42:01

向上的时钟塔 · 2021-08-11 14:42:01 发布

记录下路由跳转，二级路由跳转到三级路由（hidden为true）路径变化页面没变

比如账号列表（二级路由）跳转到账号详情（三级路由）

routes的index页面，已设置details页面为hidden为true
在这里插入图片描述
在账号列表页面有个按钮，this.$router.push到user-details
如果在这个页面不添加

<router-view></router-view>

就是上面的情况

可是如果只添加了这句，那还是路径变化页面没变，

在这里插入图片描述

其实已经变了，只是两个共用一个div模板，都是在这个模板上，所以需要把账号详情这个页面
absolute到前面

在这里插入图片描述

这样就大功告成了！！！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^