首页 > 其他分享 >使用路由元信息 全局控制显示隐藏路由组件

使用路由元信息 全局控制显示隐藏路由组件

时间:2022-11-17 23:45:53浏览次数:49  
标签:显示 使用 组件 全局 隐藏 路由

1.在路由中配置自定义属性

 

 2.在使用页面组件中  用$route.meta.show  是否为true判断组件显示或隐藏 下面为例

 

 

 

 

 

 3. 示例

 

标签:显示,使用,组件,全局,隐藏,路由
From: https://www.cnblogs.com/zyzlb/p/16901802.html

相关文章

  • Hook代替类组件(hook+函数组件)
    Hook是React16.8的新增特性,它可以在不编写类组件的情况下使用state以及其他React特性Hook和函数组件:React的函数组件处理是这样的constDemo=(props)=>{//可......
  • 自定义开发限流组件 之 场景需求分析
    限流,通常讲就是限制流量,也有很多其他的说法,比如:限频、疲劳度控制等。原文链接:自定义开发限流组件之场景需求分析-一只小Coder最近遇到一个需求,系统A作为一个专门推送......
  • Vue组件之间的通信方式
     父→子子→父 props✖✔查看详情自定义事件 ✖✔ 方式三   ......
  • 前端路由的原理
    1、window.onhashchange(监听URLhash):当一个窗口的hash(URL中#后面的部分)的改变时就会触发hashchange事件。2、在hashchange 事件中匹配URL,存在则加载对应的DOM元......
  • [笔记]前端路由的两种模式
    参考资料:https://juejin.cn/post/7127143415879303204#heading-11https://blog.csdn.net/qq_28641023/article/details/120328826理解单页面应用单页面应用是指我......
  • 类组件的使用
    exportdefaultclassAppextendsComponent{//状态:constructor(){super()//父级构造函数调用this.state={title:'zhaoxi......
  • 从组件化角度聊聊设计工程化
    近几年围绕业务中台化的场景,涌现出了许多低代码平台。面对多组件、多页面、跨平台的复杂场景,如何保证整体的用户体验一致性,减少用户认知和负担,提升用户使用效率,便成为业务......
  • style标签上添加scoped后父组件影响了子组件样式
    style标签上添加scoped之后,只会作用于当前组件,组件之间样式不相互影响,父子组件之间也不影响,但子组件根元素样式会受到父组件样式影响;解决VueLoader里面有一句使用scop......
  • ReactNote-函数组件和类组件
    组件:可以编写react元素虚拟DOM:react元素真实的DOM:可以展示React里很重要的:组件组件目的:复用组件作用:代码分隔组件在React里有两种定义的方式:第一种:......
  • 8.django-message组件
    message组件可以某次请求的某些数据暂存起来,当后面请求需要的时候可以再次使用,同时删除这些存起来的数据相对于cookie,message将数据存在server端,在需要使用的时候,再将数......