热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

处理浏览器后退导航栏activemenu不变问题

问题是用户后退时候,左边导航栏显示的还是上一个页面的导航,但是路由和页面已经变了最开始的解决方案是每次路由跳转前把vuex里面的数据更改,然后对应到vue的active-path中

问题是用户后退时候,左边导航栏显示的还是上一个页面的导航,但是路由和页面已经变了

最开始的解决方案是每次路由跳转前把vuex里面的数据更改,然后对应到vue的active-path中

最后看了下另一个组的项目觉得解决方法很好,就记录一下,当前显示的菜单对应computed的route.path,如果路由配的没有 / 可以加上 replacce('/','') 把 / 去掉

class="el-menu-vertical-demo"
:router="true"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
:unique-opened="true"
:default-active="activePathFn"
>


computed:{
  activePathFn(){
    return this.$route.path;
  }
},

 

 


推荐阅读
author-avatar
莺妈
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有