tabs-table
将 el-tabs 和 element-datatable 封装在一起， 每一个tab页下面封装一个表格。
使用方法 Usage
<template>
<tabs-table ref="tabs"
:tabs="tabs"
:server-params="searchObj"
:created-unload="createdUnload"
:page-index-key="pageIndexKey"
:page-size-key="pageSizeKey"
:data-key="dataKey"
:total-key="totalKey"
:load-active="loadActive"
:active-tab-name="activeTabName"
@active-name="activeNameChange" />
</template>
<script>
import { TabsTable } from '@/components';
export default {
name: '',
components: {
TabsTable
},
}
</script>
TabsTable Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| tabs |
选项卡表格属性 |
array |
-- |
[ ] |
| serverParams |
查询条件，具体参见element-datatable 的 server-params
|
object |
-- |
{ } |
| created-unload |
初始化是否发送请求 |
boolean |
-- |
false |
| load-active |
是否只加载当前激活的选项卡 |
boolean |
-- |
false |
| active-tab-name |
指定当前激活的选项卡， 当值与某一个选项卡的name值相等时，该选项卡激活 |
string |
-- |
-- |
| page-index-key |
指定表格的pageIndex, 详情参见element-datatable的 page-index-key
|
string |
-- |
-- |
| page-size-key |
指定表格的pageIndex, 详情参见element-datatable的 page-size-key
|
string |
-- |
-- |
| data-key |
指定表格的dataKey ,详情参见element-datatable的 data-key
|
string |
-- |
-- |
| total-key |
指定表格的totalKey, 详情参见element-datatable的 total-key
|
string |
-- |
-- |
TabsTable Events
TabsTable Methods
| 方法名 |
说明 |
参数 |
| reloadData |
重新加载表格数据，默认根据指定的查询条件查询所有的表格, 可以传入index表示查询第几个表格和指定新的查询参数 |
（index, params） |
网友评论