前端学习(2715):重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态
生活随笔
收集整理的這篇文章主要介紹了
前端学习(2715):重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
為了讓我們點擊二級菜單時,會有一個激活效果,而且是保持狀態,我們需要將利用 element-ui 菜單欄相關?default-active?屬性,來讓菜單保持激活。
由于每個二級菜單都有一個路由鏈接,不妨將路由路徑?path?存儲在?sessionStorage?中,具體做法就是給二級菜單綁定一個事件:
每次觸發點擊事件,我們需要更新當前路由路徑,才能讓點擊的那個按鈕高亮。
然后在我們創建這個組件時,就獲取當前的激活狀態的路徑即可。
查看?sessionStorage?,可以看到我們存儲的路由路徑。
總結
以上是生活随笔為你收集整理的前端学习(2715):重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 光立方体c语言程序,学C语言两个月做的一
- 下一篇: html5倒计时秒杀怎么做,vue 设