Ant Design of Vue —— Form組件 -- setFieldsValue方法 動態操作Switch組件

 

在開發中經常使用Form組件管理表單，這次想通過form提供的setFieldsValue()方法動態改變Switch組件狀態，卻沒有生效。

 

查閱官方文檔之后，發現有如下說明： 

加入valuePropName屬性之后，就可以使用動態操作Switch組件了。

例如：

<a-switch
 2 　　checkedChildren="開"
    unCheckedChildren="關"
    v-decorator="[
       'templateExempt',
       {
          valuePropName: 'checked',
          rules: [ { required: true, message: '' }]
       }
    ]"
/>