vue element-ui 左側菜單欄 el-menu屬性實現動態菜單


基於renren-fast開源項目

 

下邊的四個標簽使我們常用的,列出來以示區分

在<el-menu>中需要--:default-active="this.$route.path"。用來綁定路由表

在<el-menu>中需要--router------或者router=true

在<el-submenu>中的index不可缺少,為必須值,不過此處的index僅為索引,用來讓當前元素下的子菜單收縮或釋放。每一個submenu的index值只要不一樣便可

在<el-menu-item>中,index的值不可缺少,就是用這個來進行路由跳轉,index的值為跳轉的路徑

以下是當時測試的時候寫的例子(aaa, bb啥的別介意哈  ,)

main-sidebar.vue

 

保證打開的tab標簽不是同一個頁面打開

 

 

 

 

 

 

 

 

router/index.js

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM