antdesign vue 表单动态校验规则

最新推荐文章于 2024-04-28 10:31:14 发布

阿发今年二十八

最新推荐文章于 2024-04-28 10:31:14 发布

阅读量4.7k

点赞数 1

分类专栏：解bug 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45212940/article/details/125336146

版权

最近快被antdesign 搞崩溃，先说需求
在这里插入图片描述

我的表单中这一块内容在不同的按钮中的验证规则不同，点击运行时要求各元素相加之和为1，点击获取权重时，要求各项为空，在实验各种方案之后宣告失败，包括根据条件判断rules，单独判断一项，都不行，最后在翻了n遍文档之后终于看到了一句话
在这里插入图片描述

是的，不管怎么修改校验规则，都必须先执行一遍验证才会生效
最终采用点击按钮时替换rules内容，并在form增加这个属性，终于解决！！

<a-form-model
      ref="ruleForm"
      class="rules"
      :model="content"
      :rules="rules"
      :validateOnRuleChange="true"
    >

在两个按钮中添加不同的校验规则

getWeight() {
   
      if (this.content.weCount > 0)

关注

专栏目录