三级路由跳转

369 阅读1分钟

记一次三级路由跳转,路径变化,页面没变的问题

描述:进入A页面点击详情跳转到他的详情页,但是页面没有变化(路由中详情页在A页面的children里面)

网上查了很多 说是二级和三级路由走的是同一个 <router-view></router-view> 也就是父路由占了子路由页面的坑位

image.png

image.png

image.png

image.png 所以我们就在父路由对应的页面加上<router-view></router-view> 并且加上v-show判断当前是否显示父路由页面

v-show的值我这里是写死的 动态路由的时候自行判断(父路由为true,子为false,当跳转到子路由时拿到的值为false,父路由的div就不会显示了) 写在meta里面 不然拿不到