1.3.1 • Published 4 years ago
adv-form-render v1.3.1
基于ant-design-vue和form-render制作的 vue 版本
安装
npm i adv-form-render
快速使用
<adv-form-render :schema="schema" @on-change="onChange" />
API
Prop | Type | Required | Default | Description |
---|---|---|---|---|
schema | Object | ✓ | {} | schema 配置 |
formData | Object | {} | 配置表单数据 | |
on-change | Function | ✓ | () => {} | 数据更改回调函数 |
on-validate | Function | () => {} | 表单输入校验回调 | |
displayType | String | column | 设置表单横向排列或者纵向排序column /row | |
showDescIcon | Boolean | false | 描述是否用 tooltip 展示。displayType 为 row 时建议设为 true | |
readOnly | Boolean | false | 预览模式/可编辑模式 | |
labelWidth | Number / String | 120 | 全局设置 label 长度(默认 120)。数字值单位为 px,也可使用'20%'/'2rem'等 |