Ant Design of Vue —— setFieldsValue方法动态操作Switch组件

在开发中经常使用Form组件管理表单，这次想通过form提供的setFieldsValue()方法动态改变Switch组件状态，却没有生效。加入valuePropName属性之后，就可以使用动态操作Switch组件了。<a-switch v-decorator="['haveChildren', { valuePropName: 'checked',rules...

古月_

10640人浏览 · 2020-04-09 13:59:15

古月_ · 2020-04-09 13:59:15 发布

在开发中经常使用Form组件管理表单，这次想通过form提供的setFieldsValue()方法动态改变Switch组件状态，却没有生效。

加入valuePropName属性之后，就可以使用动态操作Switch组件了。

技术图片

 <a-switch v-decorator="['haveChildren', { valuePropName: 'checked',rules: [{ required: true, message: '请填写是否有子项' }] ,initialValue:false},]" @change="changeSwitch"/>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^