Vue Element 导航子路由不选中问题

  • 首先说下遇到的问题
    • 1.进入嵌套路由，当前父导航无法高亮显示
    • 2.页面刷新后导航重置问题
    • 3.在嵌套路由刷新页面也会导致导航重置问题
  • 接下来是解决方案：
    elementUI 里面有个属性 default-active(当前激活菜单的 index) 
<el-menu :default-active="activeIndex" @select="handleSelect" router></el-menu>

data () {
    return {
        activeIndex: '/'
    }
},
watch: {
    '$route' () {
        this.handleSelect(this.activeIndex)
    }
},
mounted () {
    this.activeIndex = this.$route.matched[0].path || '/'
},
methods: {
    handleSelect (index) {
        this.activeIndex = index
    }
},

这样就OK了

END

觉得有帮助的小伙伴点个赞支持下~

觉得有帮助的小伙伴点个赞支持下~

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容