查询表单

组件名meSearchForm,对elment-plus from组件的封装,在保留原有功能的情况下,扩展了收起展开、查询、重置功能,并且保留elment-plus tablepropsemit 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 elFormref引用,可通过其访问elForm的属性和方法