TagsView基础版
1. 使用框架、插件
vue2+element+vuex
2. 大概思路
- 大概需求:
1、从效果图看,【人类】这个首页的tag一开始就存在,且不能被删除
2、当点击左侧栏的时候,如果没有与该菜单相应的tag则新增,如果存在,变成选中状态
3、删除tag时,存在几种情况,若删除的tag是当前页面的tag,那么路由就要跳转;如果删除的tag不是当前页面的tag,则不需要跳转路由
4、若删除的tag是当前页面的tag,有分两种情况:如果是最后一个tag被删,那往前一个tag跳转相应的路由;如果不是最后一个tag,则往其后一个tag跳转相应的路由
注意:基础版不考虑切换路由,仍保存组件不被销毁
- 大概思路:
1、vuex中存储tag的数据,包括设置一个首页基础数据,格式大体如下;
tabsList:[{
path:'/hove/person',
name:'Person',
label:"人类