参考地址 vue ant design中关于给select设置初始默认值的问题（initialValue无效、用defaultValue则报`defaultValue` is invalid错误）
问题：当我们在用vue ant design给select设置默认值时，如果采用v-decorator的方式去注册控件，且要对表单内容进行校验，那么这个时候无论是如下边错误1一样使用defaultValue=“2”这样来设置默认值，还是如同错误2一样使用initialValue: 2来进行设置，还是如同错误3一样使用:value="2"这样设置了值却无法注册typeId，都会设置无效或者报错等等，这个时候，如果采用setFieldsValue来对其进行赋值，就可以完好的解决该问题了。
错误代码1：
<a-select placeholder="请选择" class="default-input" v-decorator="['typeId', {rules: [{ required: true, message: '请选择' }]}]" defaultValue="2">
<a-select-option key="1" value="1">1</a-select-option>
<a-select-option key="2" value="2">2</a-select-option>
</a-select>
1
2
3
4
错误代码2：
<a-select showSearch placeholder="请选择" class="default-input" v-decorator="['typeId', {rules: [{ required: true, message: '请选择' }]}, { initialValue: 2 }]">
<a-select-option key="1" value="1">1</a-select-option>
<a-select-option key="2" value="2">2</a-select-option>
</a-select>
1
2
3
4
错误代码3：
<a-select placeholder="请选择" class="default-input" :value="2">
<a-select-option key="1" value="1">1</a-select-option>
<a-select-option key="2" value="2">2</a-select-option>
</a-select>
1
2
3
4
正确方案：
html部分
<a-select placeholder="请选择" class="default-input" v-decorator="['typeId', {rules: [{ required: true, message: '请选择' }]}]">
<a-select-option key="1" value="1">1</a-select-option>
<a-select-option key="2" value="2">2</a-select-option>
</a-select>
1
2
3
4
script部分
data () {
return {
form: this.$form.createForm(this)
}
},
mounted(){
this.form.setFieldsValue({
"typeId": "2",
})
}
1
2
3
4
5
6
7
8
9
10
这样一来，既可以注册控件，有能直白的直接在空间里边写入校验，还能对其进行初始赋值。
、