Configuration iview form
npm install iview-form> 让 iview 和 element-ui 的 form 使用起来更加简单。
``bash`
$ npm install iview-form
`html`
` html
`
标签大小写随你心情
` html`
使用 element-ui 组件库
` html``
| 参数 | 说明 | 类型 | 默认值 |
| - | - | - | - |
| grid | 网格,更多请看 demo | Number | - |
| gutter | 当使用了 grid 属性时,设置此属性可以调整间距 | Number, Array | - |
| formList | 配置项(看下面 formList 参数) | Array | [] |
| notCtrl | 是否不显示 提交、重置 按钮 | Boolean | false |
| enterSubmit | 如果设定这个值为 true,那么 input 按 enter 键会触发 submit 事件 | Boolean | false |
| lib | 可选值('iview', 'element'),如果指定为 element 那么组件会按照 element 来渲染 | String | 'iview' |
| label-width | 标签的宽度 | Number | 100 |
| content-width | 内容的宽度(支持 百分比 auto) | Number, String | 240 |
| options | iView 和 element-ui 原生 props ( :options="{size: 'small'}" ) | Object | {} |
| submitText | 提交按钮文本 | String | '提交' |
| resetText | 重置按钮文本 | String | '重置' |
| hasSubmitBtn | 是否显示提交按钮 | Boolean | true |
| hasResetBtn | 是否显示重置按钮 | Boolean | true |
| clearable | 控制是否显示清除 icon | Boolean | true |
| maxlength | 默认全局 input 的 maxlength | Number | 20 |
| textareaMaxlength | 默认全局 textarea 的 maxlength | Number | 256 |
| readonly | 如果设定这个值为 true,那么该表单下所有的表单元素都会是 read
| disabled | 如果设定这个值为 true,那么该表单下所有的表单元素都会被禁用 | Boolean | false |nly | Boolean | false |
1. 修复 clear 清空表单无法清空的 bug
1. 修复样式错误的 bug
1. 修复 renderTitle 和 render 函数没有 form 的bug
1. 修复在父组件使用 render(render,renderTitle,renderContent)时,设置 ref 会获取不到对象
2. 添加 clear 清除方法
1. 支持每个组件的 on 与 nativeOn 配置
1. 当组件库为 element 时,type:radio-group checkbox checkbox-group 支持 border 属性
1. 删除 readonly,因为只能作用于几种类型(input, select),作用不大
1. 添加 cascader 类型,跟 select 的用法类似 [{ value: 'xxx', text: 'xxx' }, ...]
1. 删除不必要的提示
1. 添加标签的 gutter 属性
2. content-width 支持 auto 100% 值
1. 修改 1.1.3 失效问题
1. 添加 item 的 setting 属性,可以在 formItem 上添加样式了
1. 添加全局和单体 readonly 属性
1. 添加 type: time 类型
2. 修改 reset 方法不能清空验证
1. 添加 type: input-number 类型
2. 添加 maxlength 和 textareaMaxlength 属性,分别作用于 input 和 textarea 上,默认值分别是 20 、256
3. 添加 setForm 方法
4. 修改 datetimerange 的默认宽度为 360
5. 修改 textarea 如果设置了 enterSubmit,不再触发 submit 事件
6. 修改 element-ui 的 placeholder 现在可以写在 props 里
1. 可以在网页里面用 script 标签引入啦!
1. 修复 options、submitText、resetText、hasSubmitBtn、hasResetBtn 失效的原因
1. isShow 属性,可以使用方法了
2. 添加 clearable 属性,默认为 true
1. 添加 isShow 属性
1. 修改 tpye 为 switch 时 props 不生效
1. 修改 input 的 placeholder 需要添加在 attrs 里面
2. 添加 formList 的 render 函数
1. 修改 重置按钮 跟 提交按钮重复的问题
1. 添加 options 自定义组建自带 props 属性
2. 添加 hasSubmitBtn、hasResetBtn 自定义是否显示按钮属性
3. 添加 submitText、resetText 自定义按钮文本属性
4. 删除 autocomplete 属性
[1]: https://viewweiwu.github.io/iview-form/examples/dist/