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

回到顶部