路由元数据meta,导航的使用,导航消失
在创建app项目时,不想让底部的导航显示,可以在index文件夹内部,在你特定的path路径下添加meta ,任何都可以 ,也可以添加多个。例如
{
path: '**',
name: '404',
component: () => import('../views/404.vue'),
meta:{
flag:true
}
}
当我们写完这个之后 ,在我们的初渲染页面,APP.vue内部写watch监听事件。
data(){
return{
visible:true
}
},
watch:{
$route:{
handler(n){//n相当于this.$route
console.log(n.meta.flag)
this.visible=!n.meta.flag;
},
immediate:true
},
},
在template标签内部 不想显示的父级元素标签上添加 v-show=“visible”
就可以了。