一直以來沒有養成記錄分享的習慣,后面發現這樣很不好,所以開了自己的博客園,希望和大家一起進步!
前段時間用vue+Element做了一個后台項目，其中用Element的menu菜單組件的時候遇到一個問題。點擊選中某個菜單，刷新后，選中狀態會消失。苦思無果，於是網上查看了一下，很多都寫到用default-active屬性進行設置,至於設置方法對於小白來說看的有點懵.后來終於看到一個大神寫的方法很簡單好用,所以記錄下來!
其實很簡單,在路由設置里給每個頁面跳轉項設置一個name屬性,屬性值就是el-menu-item 里面的index值,具體看下圖:
現在路由中為每個跳轉的頁面配置name屬性,屬性值就是el-menu-item 里面的index值,菜單組里面的default-active設置一個屬性active進行綁定.
綁定一個自定義屬性active,用來控制當前選中哪個菜單.
接下來只要在頁面渲染的時候讓active等於當前路由下的name屬性就可以了,這樣刷新后選中狀態依然保留了!
第一次寫隨筆記錄,大神勿噴!