Appearance
搜索组件
基本用法
注意事项
1、ISearch组件只负责发起请求,对数据不做任何处理
更多搜索
控制按钮
Attributes 属性
属性 | 类型 | 说明 | 默认值 |
---|---|---|---|
value | object | 表单v-model | {} |
hideSearch | boolean | 不需要展示搜索栏 | false |
resetReQuery | boolean | 当重置按钮按下的时候,是否再次发起搜索 | true |
formProps | object | 传递给el-form的props参数 | 配置项searchFormProps |
inputProp | object | 默认传递给每一个输入单元RenderCell 组件的props | 配置项searchInput |
buttonProp | object | 默认传递给每一个按钮单元RenderCell 组件的props | 配置项buttonProp |
expandButtons | array | 扩展按钮的RenderCell 组件配置 | [] |
searchSubmitButton | object,boolean | false=不显示搜索按钮,object=显示并控制搜索按钮的RenderCell 组件配置 | 配置项searchSubmitButton |
searchResetButton | object,boolean | false=不显示重置按钮,object=显示并控制重置按钮的RenderCell 组件配置 | 配置项searchResetButton |
searchItems | array | 搜索项目列表,每个子项都是一个RenderCell 组件配置 | [] |
qData | object | 查询附加参数,这个参数会附加到查询时候提交的参数里 | {} |
queryFunc | function | 查询方法 | null |
autoQuery | boolean | 加载组件时候是否自动查询 | false |
allinMore | boolean | 所有搜索项是否都放到更多搜索里,方便手机上处理 | 配置项allinMore |
className | string | 组件根节点的class类名,方便控制整体样式 | 配置项class.ISearchRoot |
singleInput | boolean | 单个输入框的时候回车是否直接触发搜索 | false,配置项search.singleInput |
Methods 方法
属性 | 参数 | 说明 |
---|---|---|
changeParams | form,value,loadData | 当输入单元发生change事件的时候触发,form是当前表单数据,value是当前变动数据,loadData是荷载数据 |
beforeSearch | formData表单数据的深拷贝 | 查询前方法,可以对formData进行修改,而不会修改到value |
searchSuccess | response接口返回对象 | 查询方法正确完成触发 |
searchFail | error | 查询方法失败后触发 |
searchFinally | 无 | 查询方法完成后触发 |
resetFields | form | 重置按钮按下后触发 |