后台管理系统tabs栏切换思路

页面内容：

 

 使用 element-ui 实现 tabs 标签页 ：https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 

1. 把内容封装成一个组件 - 表格 table 

2. tabs 的 v-model 和 @tab-click 的使用 ，v-model 绑定 queryData.type , @tab-click 绑定请求数据列表的方法 

3. 接口参数 queryData 的 type 随着 点击tabs 切换 而改变 

4. 每一个 el-tab-pane 都绑定一个 name 属性 值 为 1 or 2 ，每次tabs切换的时候 v-model 绑定的 queryData.type 就会根据 name 属性值改变 ，从而请求不同的数据列表 ；

queryData 数据：

 

 请求接口数据列表的方法：type 不同请求数据不同 ；