v-decorator表单元素设置初始值、默认值
表单元素绑定变量可以使用v-decorator="['value']"
<a-input v-decorator="['value',validatorRules.inputValue]"></a-input>
data(){
return {
validatorRules: {
inputValue: {
rules: [{ required: true, message: '请输入XXX!' }],
initialValue: '默认值'
}
}
}
}
3.设置初始值
输入框直接设置初始值v-decorator="['value',{initialValue:'初始值'}]"
下拉框存在数据字典时,可以设置v-decorator="['value',{initialValue:1}]"
4.输入框设置只能输入数字且必填
<a-input
v-decorator="['value',{rules: [{required: true,message:'请输入数字!'}]}]" type="number">
</a-input>
同时ant design vue中的a-input-number
标签也可以实现数字框效果
<a-input-number v-model="value" :min="1" :max="10" @change="onChange" />