vue实现el-menu和el-tab联动的示例代码 信息
来源:哔哩哔哩    2023-04-14 20:15:43


(资料图)

vue通过el-menus和el-tabs联动,实现点击侧边栏,页面内显示一行tab以及点击tab切换路由

实现效果如下

实现思路 左侧边栏添加点击事件/设置el-menu的路由模式,然后监听路由的变化,拿到的路由去改变el-tabs绑定的属性,然后改变el-tab-pane循环的数组,然后设置el-tabs的点击/删除事件,最终实现联动 首先使用vuex定义公共状态openTab以及activeIndexTab 也就是循环的数组和当前高亮

Copyright   2015-2022 华声玩具网 版权所有  备案号:京ICP备2021034106号-36   联系邮箱:55 16 53 8 @qq.com

回顶部