首页 > 其他分享 >公共组件的显示与隐藏

公共组件的显示与隐藏

时间:2022-10-11 14:14:57浏览次数:46  
标签:显示 Footer 公共 组件 隐藏 路由

 Footer组件显示与隐藏

显示或者隐藏组件:v-if | v-show

Footer组件:在Home,Search 显示 Footer组件

Footer组件:在登陆,注册时候隐藏的

 

1.我们可以根据组件身上的 $route 获取当前路由的信息,通过路由路径判断Footer显示与隐藏

2.配置路由的时候,可以给路由添加路由元信息 【meta】,路由需要配置对象,他的key不能瞎写,胡写,乱写

 

标签:显示,Footer,公共,组件,隐藏,路由
From: https://www.cnblogs.com/czwhandsome/p/16779010.html

相关文章

  • 微信小程序中视频的显示与隐藏
    在微信小程序中实现视频的播放与暂停需求:视频列表中只能有一个视频在播放点击视频实现播放与暂停功能加载完成显示图片,点击后变为视频播放从上次播放的位置进行播放......
  • 使用element ui的el-upload组件上传图片,记录一下
    使用elementui的el-upload组件上传图片效果预览下面是实现效果,接口方面是把有两个接口,一个接口上传图片,传参是图片和路径,返回值是路径。另一个接口是上传表单内容(用户,......
  • Vu3.x如何给v-for循环出来的输入框绑定v-mode的值,以及实现父子组件传值、双向绑定
    观前须知:本人演示使用的input是自己手敲的,如果使用的是element-ui等表单组建的input框请选择性参考,不保证我的方法对你们也完全有效。父组件代码:这里我的MiniInput是以组......
  • 为 element-plus 的图标组件设置圆形背景
    实现思路element-plus中的图标都是单个的组件,需要配合el-icon组件一起使用。但这两类组件都没有自带的圆形背景,因此引入el-tag组件作为el-icon组件的容器。el-tag......
  • 006 组件的生命周期
    [A]生命周期1.React中提供了一下钩子函数,也叫生命周期函数2.这些钩子函数与render方法并列(render也属于一种生命周期函数·),直接写成xxx(){}形式即可 ......
  • 30 Django分页组件
    pager.py:"""如果想要使用分页,需要以下两个步骤defxxx():queryset=models.Customer.objects.filter(active=1).select_related('level','creator')#select......
  • 父子组件的生命周期(执行顺序)
    结合父子组件之后,一个完整的父子组件生命周期:父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounte......
  • Spring cloud alibaba--Feign微服务调用组件
    Springcloudalibaba--Feign微服务调用组件 https://blog.csdn.net/ZHANGLIZENG/article/details/119058973?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_rel......
  • vuepress 搭建组件库文档
    项目地址项目地址:https://github.com/YolandaKisses/YolandaKisses.github.io演示地址:https://yolandakisses.github.io/目录结构├─docs│└─.vuepress│ ......
  • Nlog日志组件接入ES
    1、安装nuget包NLog.Targets.ElasticSearch2、调整配置文件Nlog.config<?xmlversion="1.0"encoding="utf-8"?><nlogxmlns="http://www.nlog-project.org/schemas/......