使用elementUI的el-tag实现菜单tab标签,实现右键菜单 关闭当前,关闭其他、关闭全部以及超出长度是隐藏并可左右滑动功能。
1.效果展示2.功能分析2.1点击左侧菜单时添加标签标签要以数组形式存在vuex里进行管理。数组里每一个对象里面都有三个属性,如下:tagList:[{path:'/home',name:'home',label:'首页'}]添加时我们要判断该标签是否存在,不存在就push进tagList数组。首页是默认存在的!不可删除也不可添加。2.2标签右键菜单的刷新功能this.$router.go(0)或