参数解释
-id
,必填!!!输入控件的唯一标志,支持嵌套式的写法?是不是 html 标签中 id 就可以作为唯一标志??>>测试!!
options.getValueFromEvent
可以把 onChange
的参数(如 event
)转化为控件的值
- 不再使用
onChange
作为同步方法,使用此配置项配置方法
options.initialValue
子节点的初始值,类型、可选值均由子节点决定
- (注意:由于内部校验时使用 === 判断是否变化,建议使用变量缓存所需设置的值,而非直接使用字面量)
- eg:
{initialValue:value}
value 是data中的变量或者父组件的变量
options.normalize
转换默认的 value 给控件
<template>
<a-form
:autoFormCreate="
(form) => {
this.form = form;
<a-form-item
fieldDecoratorId="fruits"
:fieldDecoratorOptions="{ normalize: this.normalizeAll }"
<a-checkbox-group :options="options" />
</a-form-item>
</a-form>
</template>
<script>
export default {
data() {
return {
options: [
{ label: "All", value: "All" },
{ label: "Apple", value: "Apple" },
{ label: "Pear", value: "Pear" },
{ label: "Orange", value: "Orange" },
methods: {
normalizeAll(value, prevValue = [], allValues) {
console.log(allValues);
if (value.indexOf("All") >= 0 && prevValue.indexOf("All") < 0) {
return ["All", "Apple", "Pear", "Orange"];
if (value.indexOf("All") < 0 && prevValue.indexOf("All") >= 0) {
return [];
return value;
</script>
-
options.preserve
即便字段不再使用,也保留该字段的值
-
options.rules
校验规则,参考下方:
参数 | 说明 | 类型 | 默认值 |
---|
enum | 枚举类型 | string | - |
message | 校验文案 | string | - |
min | 最小长度 | number | - |
pattern | 正则表达式校验 | RegExp | - |
required | 是否必选 | boolean | false |
transform | 校验前转换字段值 | function ( value) => transformedValue:any | - |
len | 字段长度 | number | - |
max | 最大长度 | number | - |
type | 内建校验类型,可选项 | string | ‘string’ |
validator | 自定义校验(注意,callback | 必须被调用) | function (rule, value, callback) |
whitespace | 必选时,空格是否会被视为错误 | boolean | false |
-
options.trigger
收集子节点的值的时机 触发的方法 类型 string
默认值'change'
-
options.validateFirst
当某一规则校验不通过时,是否停止剩下的规则的校验 类型 boolean
默认值 false
-
options.validateTrigger
校验子节点值的时机 验证子节点时触发的方法 类型string|string[]
默认值'change'
-
options.valuePropName
子节点的值的属性,如 Switch
的是 'checked'
类型 string
默认值 'value'
- 有的组件的值并不是通过
value
获取的,需要另外提供 <a-switch v-decorator="['switch', { valuePropName: 'checked' }]" />