主题
filterForm 过滤表单
使用
基础用法
WARNING
注意:使用render
时注意数据绑定方式,如:(item: any) => <k-input type={'textarea'} v-model={item['comment']} />
API
FilterForm Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
items | 展示的数据项 | FilterFormItem[] | [] |
size | 尺寸 | enum | - |
collapse | 是否折叠 | boolean | true |
reserve | 是否保留已选条件 | boolean | false |
visible | 是否显示表单数据项 | boolean | false |
showColon | 是否显示冒号 | boolean | - |
FilterForm Events
事件名 | 描述 | 类型 |
---|---|---|
search | 搜索时触发 | Function |
reset | 重置时触发 | Function |
change | 重置时触发 | Function |
FilterFormItem
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
label | 标签内容 | string | - |
prop | 数据项对应字段 | string | - |
value | 数据项对应值 | any | - |
type | 数据项类型 | enum | - |
attrs | 透传的数据 | any | - |
render | 自定义渲染 | Function | - |
options | 选项数据 | any[] | - |
column | 列数量 | number | - |
visible | 是否显示该数据项 | boolean | - |
FilterForm Slots
插槽名 | 描述 | 参数 |
---|---|---|
[column.prop] | 自定义渲染列 | - |
action | 自定义操作按钮 | - |