1本人在学vue项目时遇到一个坑、在写vue项目头部导航时,比如点击第三个,刷新后,高亮状态显示在第一个:
现在是点击第三个页面 刷新后,是第一个页面高亮显示,但是因为路由路径没有改变页面内容还是第三个页面内容,改变的是导航的状态;
捯饬了好久才搞出来,伤的不轻,看控制导航状态的代码部分;
在头部组件里面控制导航菜单高亮显示是checkindex,默认值是0,触发点击事件contact时候会重新赋值,跳转路由,一旦刷新页面,这个checkindex的值就是0,所以要把这个checkindex值记录下来,时刻监听到变化;利用到vue的父子和子父传值;监听状态的变化
1、子页面把状态把值传给父页面
2、父页面接收传过来的值;
3.在把接收的值传给header子组件,子组件接收
以上这篇解决vue项目刷新后,导航菜单高亮显示的位置不对问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
标签:
vue,刷新,导航菜单,高亮
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“解决vue项目刷新后,导航菜单高亮显示的位置不对问题”评论...
更新动态
2024年04月29日
2024年04月29日
- 群星.1993-开心跳不停【华纳】【WAV+CUE】
- 【原神】枫丹宝箱攻略 | 古旧的铭刻、钟楼
- 【原神】V4.6隐藏成就 | 时间的神秘形式
- 【原神】V4.6角色攻略 | 可莉培养攻略
- 决胜巅峰玛蒂尔达怎么样 技能效果一览
- 射雕手游朱门安甜贫者道寒成就怎么获得
- PUBG官方确认5月14日回归经典艾伦格地图
- 物华弥新迷踪盘第14关怎么过 迷踪盘第14关通关方法
- 逆水寒手游1.3.2馆藏上新介绍 逆水寒手游馆藏更新了什么
- 物华弥新迷踪盘第1关怎么过 迷踪盘第1关通关方法
- win7没密钥怎么永久激活,w7系统激活密钥一键激活方法
- 怎么安装电脑系统版本,怎么安装电脑的系统
- 苹果电脑wps安装字体,苹果电脑wps怎么设置字体
- 活力美少女!《摇曳露营△》各务原抚子&志摩凛手办
- 《哥斯拉大战金刚2》票房破9亿 观影人次达2100万!