vue ant designでselectに初期デフォルト値を設定する問題(initialValue無効、defaultValueで`defaultValue`is invalidエラー)について(解決済み)

1813 ワード

質問:vue ant designでselectにデフォルト値を設定する場合、v-decoratorでコントロールを登録し、フォームの内容を検証する場合は、下のエラー1のようにdefaultValue="2"を使用してデフォルト値を設定しても、エラー2のようにinitialValue:2を使用して設定しても、やはりエラー3のように使う:value="2"のように値を設定してもtypeIdを登録できず、無効に設定したりエラーを報告したりするなど、このときsetFieldsValueを用いて値を付与すれば、この問題を完璧に解決することができます.
エラーコード1:

  1
  2

エラーコード2:

  1
  2

エラーコード3:

  1
   2
 
正しいシナリオ:htmlセクション

   1
   2
 
scriptセクション
data () {
   return {
     form: this.$form.createForm(this)
    }
},
mounted(){
  this.form.setFieldsValue({
      "typeId": "2",
  })
}
これにより,コントロールを登録することができ,直接空間にチェックを書き込むことができ,初期付与を行うことができる.PS:小编系vue ant design菜鸟1枚、これは勉强のために比较して、これは最も技术の含有量の书き方がないかもしれませんが、もしみんながもっと良い方案と提案があれば、教えてください.