您好！欢迎来到雅安论坛
关注我们
扫码关注官方微信
手机版
手机扫描直接访问
欢迎: 附近的朋友。
| |
商家入驻
|
网站导航
学习交流 分类信息 美食娱乐 旅游住宿 失物招领 寻人启事

分类信息

房屋租售 二手车 优质商家 相亲交友 求职招聘 兼职服务

板块直达

雨城区 名山区 荥经县 汉源县 石棉县 芦山县 宝兴县 大杂谈
搜索
热搜:    
登陆 注册
雅安论坛 › 综合信息 › 学习交流 › vue公共组件裁减导航,
宝兴县灵关保障性租赁住房建设项目（二期）

宝兴县灵关保障性租赁住房建设项目（二期）地块土壤污染状况初步调查报告公示 一、基本信息 宝兴县灵关 详细

返回列表 发新帖
111111

vue公共组件裁减导航,

[复制链接]
本站网友  发表于 2023-9-25 08:40:29 |阅读模式 打印 上一主题 下一主题
场景：

    有一个公共头部和底部，vue搭建的框架，在app.vue里写的公共方法，首页是个登录页面，不需要公共部分，在这基础上进行公共部分的显示隐藏。

    即注册页、登录页、404页面都不要导航
公共代码写在vue.app里面。主要用到的是：
  1. <template>
  2. <div v-show="zs">
  3. ······
  4. //这个里面也有路由的占位，后面那个主要是在避免注册页面显示空白的问题
  5. <div>
  6. </template>
  7.   <!-- 路由占位符 -->
  8.         <router-view> </router-view>
  9.   <!-- 内容区域结束 -->
复制代码

  2. <script lang='ts'>
  3. export default {
  4.   data() {
  5.     return {
  6.       zs:false //这个地方要先设置一个状态
  7.     }
  8.   },
  9.   computed: {
  10.     greeting() {
  11.       return this.message + '!'
  12.     }
  13.   },
  14.   watch:{
  15.     $route(to,from){
  16.       if (to.path=='/login') {
  17.         this.zs=false;
  18.       }else{
  19.         this.zs=true;
  20.       }
  21.     }
  22.   },
  23.   mounted() {
  24.    this.path = this.$route.path;//当前路由
  25.    if(this.$route.path == '/login'){
  26.     this.zs = false;
  27.    }
  28.   }
  29.   
  30. }
  31. </script>
复制代码


公共 组件 裁减 导航

相关帖子
回复

使用道具 举报

返回列表 发表新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

雅安论坛

关注3

粉丝13

帖子2251

发布主题
推荐阅读 更多
阅读排行 更多
广告位
欢迎使用无需登录在线留言
姓名 

手机 

内容
关注我们

  • 关注官方微信

  • 论坛QQ群

Sitemap⋅小黑屋⋅Archiver⋅雅安论坛( 已经安全运行 ) |网站地图

在线客服

会员收集的资源（插件源码等），仅方便学习，您需要自行承担版权风险，未获得原作者授权的情况下，请勿将文章公开发布或用于商业用途。

声明：本站内容来自于论坛作者本人的观点，不代表本网站的观点和看法，与本网站立场无关，相关责任作者自负。如有侵权，请联系我们及时删除

高能预警：本站为个人网站，非团队运作，常年务农，山上信号不好，在线少，如有不妥之处，望大佬们多多包涵，万分感激！

雅安论坛互联网违法和不良信息举报平台 您也可以通过留言进行相关问题提交，留言提交无需注册，我们将严格保证用户隐私。   © 2009-2021