vue element 根據路由生成側邊欄


最近做了一個后台的項目,對路由生成側邊欄簡單的寫了一下,注意呀,這里面的路由不是根據后端接口生成的呦,第一次寫,哪里不對,可以提出來呦!

1、首先,這是總體實現的簡單的效果

2、看一下路由部分的代碼

說明一下哦,我這邊寫的二級菜單的父級的index.vue中都是router-view

3、其次路由是全局安裝的,所有在slidebar里面可以拿到路由的數據的

其實這個就是根據路由中子路由的長度來進行判斷再結合elementui菜單欄的ui,就是說明一下(在遍歷二級路由的時候,后面的index是當前的父級和子級path的 拼接,之前我忘了了拼接,就二級一直跳轉不對),大家如果有更高級的寫法,也可以一起交流呀~~~~~~~~~~


免責聲明!

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



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