vue.js router可不可以把router-view标签前面的内容屏蔽
转到某个Router的时候想把HEADER部分屏蔽,让那个Router全屏,一般的方法是什么?
回答:
把路径单独拿出来 不加载上一层就行了
{ // 加载home path: '/',
name: 'Home',
component: Home,
children: [{
path: 'monitor',
name: 'Monitor',
component: Monitor
}]
},{ // 不加载home
path: '/monitor',
name: 'Monitor',
component: Monitor
}
回答:
header加上判断,如果是某几个路由的时候就隐藏,或者你通过vuex来控制显示隐藏,一般都是直接在header加上显示隐藏判断
回答:
跳转页面的时候加上参数
eg:
this.$router.push({path:'/aaa',query:{isNative:1}})
OR
this.$router.push('/aaa?isNative=1');
跳转链接变为:
xxx/aaa?isNative=1
改写你的header
<your-header v-if="$route.query.isNative!=1"></your-header>
回答:
在beforeRouterLeave或beforeRouterEnter里面对进来的路由进行判断来控制头部的显示或隐藏
以上是 vue.js router可不可以把router-view标签前面的内容屏蔽 的全部内容, 来源链接: utcz.com/a/149967.html