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