v-decorator和v-model冲突

v-decorator和v-model在使用时可能会发生冲突，导致v-model无法正确绑定数据。这是因为v-decorator会覆盖v-model的双向数据绑定功能，只能通过setFieldsValue()方法来改变数据。

以下是解决v-decorator和v-model冲突的两种方法[^1]：

方法一：使用setFieldsValue()方法进行数据改变

<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' })
}

方法二：使用v-model和v-decorator分别绑定数据

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

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