查询表单
组件名meSearchForm
,对elment-plus fromopen in new window组件的封装,在保留原有功能的情况下,扩展了收起展开、查询、重置功能,并且保留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文档open in new window | - |
组件事件
emit | 类型 | 说明 | 必填 |
---|
search | () => void | 查询事件 | - |
reset | () => void | 重置事件,不绑定重置事件时,点击重置按钮会调用 elFormRef.resetFields() | - |
elForm的事件 | - | 支持element-plus Form组件的所有事件,请参考elForm文档open in new window | - |
插槽
组件属性/方法
名称 | 类型 | 说明 |
---|
elFormRef | FormInstance | elForm 的 ref 引用,可通过其访问elForm 的属性和方法 |