data-table.md 1.7 KB
组件文档说明
data-table.vue
prop
| 参数 | 类型 | 默认值 | 是否必填 | 说明 |
|---|---|---|---|---|
| fields | Array | - |
是 | 字段列表(下文会说明如何使用) |
| data | Array | - |
是 | 数据列表 |
| opera | Array | [ ] | 否 | 操作列的列表(下文会说明如何使用) |
| toFormat | Function | - |
否 | 如果fields中的format不是function类型,则会走toFormat的方法,需要自己写过滤规则,多个的情况需要区分 |
| select | Boolean | false | 否 | 需要选择就变成true |
| selected | Array | - |
false | 多选选项的数据 |
fields
参数 类型 默认值 是否必填 说明 label String -是 列名称 prop String -是 字段名称 format Function/String -否 Function类型:数据需要过滤则将过滤方法写在这;String类型:走toFormat方法,参数位(model=>字段名,value=>值) custom Boolean false 否 自定义输出 options Object -否 添加额外属性,比如说样式之类的 opera
参数 类型 默认值 是否必填 说明 label String -是 操作按钮提示文字 icon String -否 图标 method String -是 此按钮连接的父级方法($emit) confirm Boolean -否 是否需要确认提示 methodZh String/Function label 否 确认提示的操作文字,1,Function参数为这条数据,自己随意组合;2,String为纯自定义字符串,需要自己写整个提示语;3,默认,使用label字段提示 display Function -否 控制按钮是否显示(目前为简单版,只是根据此条数据中的内容判断,以后要是有需求会修改成toFormat的形式) methods
方法名 参数 说明 handleSelect Array[object] 返回选择的内容