页面内容:
使用 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 不同请求数据不同 ;
标签:管理系统,tabs,绑定,tab,后台,model,type,queryData From: https://www.cnblogs.com/zhulongxu/p/16861972.html