vue實現導航菜單


在vue中設置導航菜單,設置左邊固定,右邊的內容隨着左邊的導航菜單的改變而改變

菜單的激活回調

 

 

 

 

在調用菜單 的時候會有很多的重復的步驟,進行子頁的調用,有個簡單的方法就是將路由的數據統起來,將數據動態渲染到菜單上去

2.vuex的安裝 是專門為vue.js應用程序開發的狀態管理模式 vue可以幫我們管理共享狀態它采用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools extension (opens new window),提供了諸如零配置的 time-travel 調試、狀態快照導入導出等高級調試功能。

 

 

 里面設置

 <el-menu-item index="/test2">報價項目</el-menu-item>  使用Index的索引 值進行頁面的跳轉,

 

不僅僅在home路由上配置子路由  想要編寫多個組件的話,就在子組件中進行添加


免責聲明!

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



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