場(chǎng)景描述： 比如我們的home首頁（父路由） 是一個(gè) el-menu 的菜單欄涵紊。 同時(shí)，導(dǎo)航頭部有一個(gè)反饋意見建議的按鈕。 點(diǎn)擊這個(gè)按鈕的時(shí)候健芭，希望左側(cè)的菜單欄取消選中，并折疊秀姐。
如圖： 點(diǎn)擊1 的時(shí)候 慈迈， 2 取消選中，父菜單折疊省有。
菜單.jpg
因?yàn)樵摬僮鞫际窃趆ome頁面中處理的痒留，所以不涉及到跨頁面數(shù)據(jù)傳遞的問題，如果有需要處理成全局的锥咸，請(qǐng)使用vuex 進(jìn)行配置狭瞎。
<el-menu ref="elMenu">
當(dāng)我們當(dāng)即1按鈕時(shí)， 打印 this.$refs.elMenu 可以看到如下的數(shù)據(jù)
1576464541834.jpg
廢話不多說搏予，直接上代碼：
// 折疊當(dāng)前展開的菜單欄熊锭。
this.$refs.elMenu.closeMenu(this.$refs.elMenu.openedMenus[0])
// 取消菜單欄的當(dāng)前選中狀態(tài)。
this.$refs.elMenu.activeIndex = null
