共计 435 个字符,预计需要花费 2 分钟才能阅读完成。
-
首先说下遇到的问题
- 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
觉得有帮助的小伙伴点个赞支持下~
觉得有帮助的小伙伴点个赞支持下~
正文完
发表至: javascript
2019-09-30