Conflict between v-mode and v-decorator in Ant Design

Project scenario ：

Use ant-design Of form Components ：
stay a-form When an input box component is used in a component ,v-model Cannot bind data in both directions

---

Problem description ：

Enable v-decorator When performing input box data verification ,v-model Binding data cannot be bound

<a-form :form="form">
    <a-form-item label="name">
      <a-input v-model="name" v-decorator="['name', { rules: [{ required: true, message: 'Please input your note!' }] }]" />
    </a-form-item>
</a-form>

data(){
    
	return {
    
		name: '123',
	}
}

---

Cause analysis ：

Tested repeatedly , Discover delete v-decorator after ,v-model Data can be bound normally .

---

Solution ：

Join in v-decorator Can't use after v-model Two way data binding , Only through setFieldsValue() Methods to make data changes

<a-form :form="form">
    <a-form-item label="name">
      <a-input v-decorator="['name', { rules: [{ required: true, message: 'Please input your note!' }] }]" />
    </a-form-item>
</a-form>

mounted(){
    
	this.form.setFieldsValue({
    
        name: '1234'
    })
}