?

為了讓我們點(diǎn)擊二級(jí)菜單時(shí)，會(huì)有一個(gè)激活效果，而且是保持狀態(tài)，我們需要將利用 element-ui 菜單欄相關(guān)?default-active?屬性，來讓菜單保持激活。

由于每個(gè)二級(jí)菜單都有一個(gè)路由鏈接，不妨將路由路徑?path?存儲(chǔ)在?sessionStorage?中，具體做法就是給二級(jí)菜單綁定一個(gè)事件：

每次觸發(fā)點(diǎn)擊事件，我們需要更新當(dāng)前路由路徑，才能讓點(diǎn)擊的那個(gè)按鈕高亮。

然后在我們創(chuàng)建這個(gè)組件時(shí)，就獲取當(dāng)前的激活狀態(tài)的路徑即可。

查看?sessionStorage?，可以看到我們存儲(chǔ)的路由路徑。

總結(jié)

以上是生活随笔為你收集整理的前端学习（2715）：重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。