H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

本文地址:H5W3 » vue.js router可不可以把router-view标签前面的内容屏蔽

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址