vue + ElementUI 点击页面内按钮跳转，导航栏选中问题

最新推荐文章于 2024-09-13 07:41:33 发布

DenggLin

最新推荐文章于 2024-09-13 07:41:33 发布

阅读量3.4w

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/qq_34117170/article/details/80758575

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

vue + ElementUI 点击导航栏跳转页面是可以正常跳转高亮的，但通过页面内点击按钮跳转页面就会导致侧边栏不知道该选中那个了，下面说下解决方法

 <el-menu class="sidebar-el-menu"  :default-active="onRoutes" >
            </el-menu>

     computed:{
            onRoutes(){
                // this.$route.path
                // debugger
                if(this.$route.path.replace('/','')=='ProductEdit'){
                   return 'Product'; 
                }
                else if(this.$route.path.replace('/','')=='OrderDetail'){
                    return 'Order'
                }
                else{
                    return this.$route.path.replace('/','');
                }

            },
            }