在特定界面隐藏某些组件

300 阅读1分钟

方法一 

在App.vue中引入了一个组件比如像header和footer组件 但是在某一个页面中我不想使用它,那么这个时候应该怎么做呢

  1. 在App.vue中给这个组件加上v-if

  1. 在data中设置一个变量来作为开关,并在watch中监听路由
  • 靠path获取地址,再判断是否是需要隐藏的页面

方法二

  1. 在路由中设置meta属性

  2. 当跳转到这个路由的时候,在引入的组件上判断当前的meta值是否要显示这个组件

方法三

  1. 创建layout文件

layout文件的意义就是需要不同的模板就可以使用不同的模板这些学过nuxt.js应该都知道