当前位置: 首页 > news >正文

路由元数据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”
就可以了。

相关文章:

  • 006_过滤器
  • 聊一聊JS运行机制,这些事概念,具体需要理解进行科普一下
  • HDOJ/HDU 1804 Deli Deli(英语单词复数形式~)
  • 原型链的理解
  • 关于图片加载非常爽的一个三方控件 fresco,一个三fresco
  • 深浅拷贝的理解
  • Django里自定义用户登陆及登陆后跳转到登陆前页面的实现
  • PHP导入Excel和导出数据为Excel文件
  • DOM事件模型 DOM事件流 自定义事件(模拟事件)
  • 计算几何初步-三点顺序
  • 模块化,简单一点
  • 蓝牙(BLE)应用框架接口设计和应用开发——以TI CC2541为例
  • GET和POST的区别,何时使用POST?
  • Android 之内容提供程序(Content Provider)
  • 同源策略 跨域
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • eclipse的离线汉化
  • gf框架之分页模块(五) - 自定义分页
  • go append函数以及写入
  • java正则表式的使用
  • Laravel核心解读--Facades
  • python_bomb----数据类型总结
  • React as a UI Runtime(五、列表)
  • Redis学习笔记 - pipline(流水线、管道)
  • spring + angular 实现导出excel
  • springMvc学习笔记(2)
  • SSH 免密登录
  • 成为一名优秀的Developer的书单
  • 从0实现一个tiny react(三)生命周期
  • 浮现式设计
  • 给新手的新浪微博 SDK 集成教程【一】
  • 解析带emoji和链接的聊天系统消息
  • 模型微调
  • 手机端车牌号码键盘的vue组件
  • 数据仓库的几种建模方法
  • 探索 JS 中的模块化
  • 腾讯大梁:DevOps最后一棒,有效构建海量运营的持续反馈能力
  • 项目实战-Api的解决方案
  • puppet连载22:define用法
  • ​2021半年盘点,不想你错过的重磅新书
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • #vue3 实现前端下载excel文件模板功能
  • (2)STL算法之元素计数
  • (floyd+补集) poj 3275
  • (Redis使用系列) SpringBoot 中对应2.0.x版本的Redis配置 一
  • (TipsTricks)用客户端模板精简JavaScript代码
  • (ZT)一个美国文科博士的YardLife
  • (分享)自己整理的一些简单awk实用语句
  • (附源码)ssm高校实验室 毕业设计 800008
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (转)自己动手搭建Nginx+memcache+xdebug+php运行环境绿色版 For windows版
  • .NET 4.0中的泛型协变和反变
  • .net core 6 使用注解自动注入实例,无需构造注入 autowrite4net
  • .Net Core和.Net Standard直观理解