如何使用antd中的switch开关在表单编辑时进行关联

Question

<a-form-item
          :label-col="labelCol"
          :wrapper-col="valueCol"
          label="是否有效"
          name="enabled"
          valuePropName="checked"
        >
          <a-switch
            checked-children="有效" 
            un-checked-children="无效"
            checked="status"
            @change="onChange"
            
            v-decorator="[
              'status',
              {
                rules: [{ required: true, message: '请选择' }]
              },
            ]"
            
            class="input-margin"
          />
        </a-form-item>

这个switch 如何在表单进行编辑的时候，返回给status的true 和false 用来控制switch的开还是关呢

Answer 1

试一下这种方式
`

<a-form-item>
    <a-switch
        v-decorator="[
            'status',
            {
                // 绑定子节点的属性值
                valuePropName: 'checked',
                // 给子节点一个默认值
                initialValue: true
            }
        ]"
    >
    </a-switch>
</a-form-item>

`

Answer 2

试试呢：

<Form.Item valuePropName="checked">
</Form.Item>