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

最新推荐文章于 2023-04-27 16:25:40 发布

weixin_30376509

最新推荐文章于 2023-04-27 16:25:40 发布

阅读量1.1k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zpxm/p/10983685.html

版权

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

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

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

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

computed:{

　　activePathFn(){

　　　　 return this.$route.path;

　　}

转载于:https://www.cnblogs.com/zpxm/p/10983685.html