对table进行二次封装保留部分参数:
前言:table-list主要解决了代码冗余性,使得vue文件更加简洁
目前版本为 v1.0.0
参数详解
table.config.js文件表格样式统一处理
| 属性 | 类型 | 默认 | 释义 |
|---|---|---|---|
| border | Boolean | true | 表格边框 |
| stripe | Boolean | true | 表格斑马线 |
| layout | String | total, sizes, prev, pager, next, jumper | 表格布局多个用逗号分割 |
| background | Boolean | true | 分页背景 |
table.vue组件默认参数
| 属性 | 类型 | 默认 | 释义 |
|---|---|---|---|
| isShow | Boolean | true | 是否展示 |
| isFilter | Boolean | true | 特殊处理数据 |
| isOverflow | Boolean | false | 超出隐藏 |
| align | String | center | 表头内容是否居中 |
| width | Number | 200 | 列宽 |
| prop | String | null | 对应属性名 |
| label | String | null | 表头标签 |
table.vue组件参数
| 属性 | 类型 | 默认 | 释义 |
|---|---|---|---|
| data | Array | Array | 表格的数据展示 |
| columns | Array | Array | 表格的字段展示 |
| page | Number | 1 | 当前页码 |
| page_size | Number | 10 | 一页多少条 |
| page_sizes | Array | [10, 20, 30, 40] | 条数设置下拉选 |
| total | Number | 0 | 总条数 |
| switch_name | String | 开关 | 开关label |
| is_switch | Boolean | false | 是否显示开关table |
| operating_name | String | 操作 | 操作label |
| is_operating | Boolean | true | 是否显示操作table |
| customize_name | String | true | 自定义label |
| is_customize | Boolean | false | 是否显示自定义table |
| filter_data | Array | [] | 自定义权限 |
| operating_width | Number | 300 | 操作宽度 |
keyJson.js组件方法
| 属性 | 类型 | 默认 | 释义 |
|---|---|---|---|
| initKeyJson | function | null | 初始化数据 |
| getArrayKey | function | null | 返回数据源所有key |
| setUpState | function | null | 设置table行状态 |
| getTableData | function | null | 获取表格所有数据 |