其他分享
首页 > 其他分享> > Vue Element 导航子路由不选中问题

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

作者:互联网


<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

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

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

标签:activeIndex,Vue,handleSelect,index,route,Element,导航,路由
来源: https://www.cnblogs.com/zheroXH/p/11613079.html