这篇文章主要介绍了vue+iview的菜单与页签如何联动的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue+iview的菜单与页签如何联动文章都会有所收获，下面我们一起来看看吧。
创新互联专注于黄陂企业网站建设,响应式网站设计,商城系统网站开发。黄陂网站建设公司,为黄陂等地区提供建站服务。全流程按需求定制网站，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
由于menu与tab的数据相同且样式需要进行关联，因此可以使用vuex进行状态管理，state中写入需要管理的数据和状态变量，在mutations中设置操作的动作，actions中监听一些行为（我的菜单没有展开收缩部分，因此并没有使用到actions）
on-select，首先在mutations中注册tab的改变事件，当左侧菜单点击的时候查看tab中是否已经有这个页签并设置isExist=false，如果存在，isExist修改为true，没有的话给tab对应遍历的数组增加菜单相对索引的数据。
mutationsType中
mutations中：
menu组件中的事件为：
在tab组件中首先设置页面默认路由：
再将事件加入进去：
用最笨的方式写了一个三级菜单的联动
