- 首先說下遇到的問題
- 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了
