【Web前端问题】vue.js router可不可以把router-view标签前面的内容屏蔽

• Z时代
• 2024-01-10
• 分类：技术分享

转到某个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里面对进来的路由进行判断来控制头部的显示或隐藏

以上是 【Web前端问题】vue.js router可不可以把router-view标签前面的内容屏蔽 的全部内容， 来源链接： utcz.com/a/142746.html