Vue+ElementUI动态切换验证规则， 以及自定义验证会引起表单验证失效，使用callback(）解决

 

 

Vue+ElementUI动态切换验证规则

https://blog.csdn.net/weixin_43810973/article/details/106040451

 

PS: 

自定义验证存在时 会引起表单验证失效，使用callback(）解决
但是修改的时候，按钮禁用，仍然触发验证，无法提交修改，因此做2套验证规则，切换

    // 自定义验证存在时 会引起表单验证失效，因此做2套验证规则，切换
    switchRules() {
      if (this.disabled === false) {
        this.rules = this.temp
        this.rules = {}
        this.rules = this.rules1
      } else if (this.disabled === true) {
        this.rules = {}
        this.rules = this.temp
      }
    },