BasicSearchHelp
基础用法
多选
多选&翻页记忆功能
控制提交
插槽使用
搜索校验
必填校验 可通过
Schema
的required
属性来设置其他校验可在
request
回调中实现
BasicSearchHelp API
BasicSearchHelp Attributes
此组件已继承el-select
和remote-select
,可使用以上组件所有属性。
名称 | 说明 | 类型 | 默认值 | 必填 |
---|---|---|---|---|
v-model:visible | 控制显示 | Boolean | — | 是 |
request | 请求后端接口的回调 | Function | — | 是 |
schema | 基本 Schema 项描述 | Object | — | 是 |
condition-schema | 搜索表单项描述 | Object, Array | — | 否 |
table-schema | 表格表单项描述 | Object, Array | — | 否 |
condition-ui-schema | 搜索表单项 UI 相关描述 | Object | — | 否 |
table-ui-schema | 表格项 UI 相关描述 | Object | — | 否 |
before-submit | 提交之前的回调 | Function | — | 否 |
selection-type | 选取数据的方式 | String | — | 否 |
is-reserve | 多选模式下:是否保留 CheckBox 选中状态,需要配合 row-key 一起使用 | Boolean | — | 否 |
row-key | 数据行唯一标识字段 | String | — | 否 |
auto-search | 当打开 dialog 时是否自动搜索 | Boolean | true | 否 |
append-to-body | Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true | Boolean | true | 否 |
show-confirm | 是否显示选取确认 按钮 | Boolean | true | 否 |
dialog-width | dialog 的宽度 | String | '80%' | 否 |
dialog-title | dialog 的标题 | String | '选择数据' | 否 |
show-page | 是否显示分页器 | Boolean | true | 否 |
selection-config | 勾选组件的选项,依赖 vxe-table 的 checkbox-config | Object | — | 否 |
BasicSearchHelp Events
名称 | 说明 | 类型 |
---|---|---|
search-success | 搜索成功之后的回调 | Function |
opened | Dialog 打开时回调 | Function |
submit | 数据确认选取时的回调 | Function |
BasicSearchHelp Exposes
方法名 | 说明 | 类型 |
---|---|---|
getOptionsList | 获取下拉选项中的数据 | Function |
BasicSearchHelp Slots
插槽名 | 说明 |
---|---|
condition.[字段名] | 对应搜索表单项自定义插槽 |
table.[字段名] | 对应表格项自定义插槽 |