记一次三级路由跳转,路径变化,页面没变的问题
描述:进入A页面点击详情跳转到他的详情页,但是页面没有变化(路由中详情页在A页面的children里面)
网上查了很多 说是二级和三级路由走的是同一个 <router-view></router-view>
也就是父路由占了子路由页面的坑位
所以我们就在父路由对应的页面加上
<router-view></router-view> 并且加上v-show判断当前是否显示父路由页面
v-show的值我这里是写死的 动态路由的时候自行判断(父路由为true,子为false,当跳转到子路由时拿到的值为false,父路由的div就不会显示了) 写在meta里面 不然拿不到