在项目中，一般我们的导航都是长的基本一致，只是内容会根据上个页面的内容而改变。那么我们只需要把顶部导航作为独立的公共组件，这样方便哪里需要哪里引入组件即可。
rush:xhtml;">
{{mineHeaderData}}
其次eg：在某个页面中，有三个模块，需要根据不同的模块跳转到一个公共的组件，但是头部内容，要跟模块内容匹配。如下：
rush:xhtml;">
{{item.list}}
可用
已用
过期
最后界面如下：
然后我们需要点击每个模块，跳转到下个页面，并且导航内容也变成对应的内容。在其路由页面tiketorder.vue页面需要如下写，
rush:xhtml;">
{{item.list}}
{{ticketName}}
有效期
最后如下图：
这样就完成了。其实一个项目中，很多组件是可以复用的，这样我们可以少写很多组件。
以上这篇vue2导航根据路由传值,而改变导航内容的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文地址：https://www.jb51.cc/vue/35265.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
