yx-search-form
v0.1.7
Published
yx-search-form
Downloads
3
Readme
配置
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | | :------------ | :---------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------- | :--------------- | :----- | :------- | | inline | 行间表单 | Boolean | true/false | true | 否 | | size | 表单元素尺寸 | String | large/small/mini | -- | 否 | | labelPosition | 表单对齐方式,默认为 right,设置为 left 或者 right 时,需要设置 labelWidth 才能生效 | String | left/right/top | right | 否 | | formName | 表单名 | String | -- | form | 否 | | labelSuffix | 表单域标签后缀 | String | -- | : | 否 | | labelWidth | 表单 label 宽度 | Number | -- | -- | 否 | | itemWidth | 表单元素宽度 | Number | -- | -- | 否 | | handleSubmit | 查询按钮事件回调函数,默认带两个参数 | Function(params, formElem) 第一个参数为表单所有数据对象,第二个参数为当前表单 Vue 组件本身 | -- | -- | 是 | | searchBtnText | 查询按钮文字 | String | -- | 查询 | 否 | | forms | 表单具体配置,见下面 | Array | -- | -- | 是 |
Forms
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | | :----------------- | :--------------------------------------- | :------- | :---------------- | :--------- | :------- | | type | 表单元素类型 | String | input/select/date | input | 是 | | prop | 表单 model 字段 | String | -- | -- | 是 | | size | 表单元素尺寸,会覆盖表单设置的 size | String | large/small/mini | -- | 否 | | showPassword | 设置该属性可得到一个切换显示隐藏的密码框 | Boolean | true/false | false | 否 | | multiple | 设置下拉框为多选下拉框 | Boolean | true/false | false | 否 | | collapseTags | 设置多选下拉框的显示方式 | Boolean | true/false | false | 否 | | readonly | 是否只读 | Boolean | true/false | false | 否 | | disabled | 是否禁用 | Boolean | true/false | false | 否 | | placeholder | 表单 placeholder | String | -- | 请输入 | 否 | | handleSelectChange | 下拉框 change 事件 | Function | -- | -- | 否 | | dateType | 日期组件 type 类型 | String | -- | date | 是 | | rangeSeparator | 日期范围组件间隔符 | String | -- | 至 | 否 | | valueFormat | 日期组件取值格式 | String | -- | yyyy-MM-dd | 否 | | editable | 日期组件是否可编辑 | Boolean | true/false | false | 否 | | pickerOptions | 日期组件快捷配置 | Object | -- | -- | 否 | | options | 下拉框数据配置,配置如下 | Array | -- | -- | 否 |
Options
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | | :------- | :----------- | :------------ | :----------------------------- | :----- | :------- | | label | 标签文本 | String | -- | -- | 是 | | value | 绑定值 | String/Number | -- | -- | 是 | | selected | 是否默认选中 | Boolean | true/false,也可以不写这个属性 | false | 否 |
Slot
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | | :---------- | :--------------------------------------- | :--- | :----- | :----- | :------- | | button-slot | 具名插槽,可以在查询按钮后方插入更多按钮 | -- | -- | -- | 否 |