需求：

• 实现tab切换时css属性(active)的改变
  

• tab切换的同时对应的列表随之切换
  

• 数据刷新
  

• 搜索框数据切换是否保留，保留时刷新数据怎么处理？
  

思路:

1. 给所有的tab去掉active属性
2. 点击+active
3. 隐藏所有的列表
4. 通过tab相同的Class(没有可添加标识Class)，通过value值swith判断(div里面并不能直接拿到value)
5. 展示
6. 渲染

代码

Html： tab部分：

列表部分：

Js：

实现效果：

记录工作中的经历为主！别问为什么不直接上代码，我也想，但是整不明白0.0，为什么别人的页面能整那么好看0.0