vue+element后台管理系统+TagsView基础版

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:"人类