查询表单

组件名meSearchForm,对elment-plus fromopen in new window组件的封装,在保留原有功能的情况下,扩展了收起展开、查询、重置功能,并且保留elment-plus tablepropsemit type提示。

注意

  • 扩展组件只存在完整版中,基础模板中不含有,如果想在基础模板中使用,请将对应文件粘贴到代码中使用。
  • 当前组件位置@/components/meSearchForm

组件props

props类型说明必填
forevernumber收起后展示的筛选项数量,为0表示不收起,默认为1
defaultAllboolean默认值为false ,默认展开所有筛选
searchTextstring默认值为'查询' 查询按钮文案,当值为undefined时不展示查询按钮
resetTextstring默认值为'重置' 重置按钮文案,当值为undefined时不展示重置按钮
labelWidthstringlabel宽度默认80px
labelPositionleft|rightlabel展示位置 默认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-

插槽

插槽名说明子标签
-自定义默认内容。和elFormopen in new window对应插槽功能一致。FormItem
button尾部按钮-

组件属性/方法

名称类型说明
elFormRefFormInstanceelFormref引用,可通过其访问elForm的属性和方法