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: '' }]
       }
    ]"
/>