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
·
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>
效果如下
更多推荐
已为社区贡献13条内容
所有评论(0)