查询表单
组件名meSearchForm,对elment-plus from组件的封装,在保留原有功能的情况下,扩展了收起展开、查询、重置功能,并且保留elment-plus table的 props 和 emit type提示。
注意
- 扩展组件只存在
完整版中,基础模板中不含有,如果想在基础模板中使用,请将对应文件粘贴到代码中使用。
- 当前组件位置
@/components/meSearchForm。
组件props
| props |
类型 |
说明 |
必填 |
| forever |
number |
收起后展示的筛选项数量,为0表示不收起,默认为1 |
否 |
| defaultAll |
boolean |
默认值为false ,默认展开所有筛选 |
否 |
| searchText |
string |
默认值为'查询' 查询按钮文案,当值为undefined时不展示查询按钮 |
否 |
| resetText |
string |
默认值为'重置' 重置按钮文案,当值为undefined时不展示重置按钮 |
否 |
| labelWidth |
string |
label宽度默认80px |
否 |
| labelPosition |
left|right |
label展示位置 默认right |
否 |
| elForm的属性 |
- |
支持element-plus Form组件 的所有属性,请参考elForm文档 |
- |
组件事件
| emit |
类型 |
说明 |
必填 |
| search |
() => void |
查询事件 |
- |
| reset |
() => void |
重置事件,不绑定重置事件时,点击重置按钮会调用 elFormRef.resetFields() |
- |
| elForm的事件 |
- |
支持element-plus Form组件的所有事件,请参考elForm文档 |
- |
插槽
| 插槽名 |
说明 |
子标签 |
| - |
自定义默认内容。和elForm对应插槽功能一致。 |
FormItem |
| button |
尾部按钮 |
- |
组件属性/方法
| 名称 |
类型 |
说明 |
| elFormRef |
FormInstance |
elForm 的 ref引用,可通过其访问elForm的属性和方法 |