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

---

覺得有幫助的小伙伴點個贊支持下~

覺得有幫助的小伙伴點個贊~