elementUI form表单页面初始化时就自动校验了

 state: [

          {type: 'enum', enum: [2, 3], message: "请选择审核意见", trigger: ['change', 'blur'] },

          // {required: true, message: "请选择审核意见", trigger: "change" }          

        ],

在页面初始化时,直接触发了校验,提示“请选择审核意见”,其他的校验都不会触发。

原因:页面初始化代码赋值的时候,也会引发change事件,但是赋值的值不符合校验 所以一开始就触发校验了。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
在 antd Form 组件中,当表单项的值发生变化,可以通过设置 `dependencies` 属性来联动其他表单项或表单校验规则。当 `dependencies` 中的任一项发生变化,Form 组件会重新计算所有依赖项的值和校验规则。 具体来说,`dependencies` 属性可以设置为一个数组,数组中的每个元素都是一个表单项的 `name` 属性值。当 `dependencies` 中任一项的值变化,Form 组件会重新计算所有依赖项的值和校验规则。 例如,我们有一个表单,其中有两个输入框,分别是用户名和密码。当用户名输入框的值发生变化,我们希望密码输入框的校验规则也跟着改变。此我们可以设置 `dependencies` 为 `['username']`,表示当用户名输入框的值变化,密码输入框的校验规则也会重新计算。 ```jsx <Form> <Form.Item label="用户名" name="username" rules={[{ required: true, message: '请输入用户名' }]} > <Input /> </Form.Item> <Form.Item label="密码" name="password" rules={[{ required: true, message: '请输入密码' }]} dependencies={['username']} > <Input.Password /> </Form.Item> </Form> ``` 在上述代码中,当用户名输入框的值变化,密码输入框的校验规则也会重新计算。例如,如果我们将用户名输入框的值设置为 `admin`,则密码输入框的校验规则会变为: ```js [{ required: true, message: '请输入密码' }, { pattern: /^admin/, message: '密码必须以 admin 开头' }] ``` 其中第二个校验规则是根据用户名的值动态生成的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值