elementui表单动态添加校验规则

场景：如果用户名称不为空，则所有字段必填，并且用户名称必须填写，否则用户名称可以为空不校验。

rule: {
        user_name: [{ required: true, message: '请输入中文用户名称', trigger: 'change' }],
        short_name: [{ required: true, message: '请输入中文简称', trigger: 'change' }]
      },
 icrule: {
        ic_code: [{ required: true, message: '请输入IC卡号码', trigger: 'change' }]
      }

在切换用户的时候，我们动态设置验证rule

onChange(value) {
      this.$refs.Form.clearValidate()
      if (value !== '1') {
        this.ruleData = { ...this.rule, ic_code: this.icrule.ic_code }
      } else {
        this.$delete(this.icrule, 'ic_code')
      }
    }

这样就可以动态设置表单校验规则了。