vue 表单中使用 v-decorator 绑定 switch `value` is not validate prop, do you mean `checked`

vue 表单中使用 v-decorator 绑定 switch

问题描述

warning.js?2149:7 Warning: [antdv: Switch] value is not validate prop, do you mean checked?

这样一个异常，是因为没有指定valuePropName属性，
然后指定了之后，表单中的switch却没有一个默认的值，
所以加上initialValue 这样就可以了，默认打开就是true，关闭就是false
代码如下！

        <a-form-item
          label="短信通知"
          :labelCol="labelCol"
          :wrapperCol="wrapperCol"
        >
          <a-switch 
          :disabled="showable" 
           v-decorator="['SendSms', {rules: [{required: true, message: '请输入选择'}],initialValue: true,valuePropName: 'checked'}] ">
            <a-icon slot="checkedChildren" type="check" />
            <a-icon slot="unCheckedChildren" type="close" />
          </a-switch>
        </a-form-item>

效果如下