vue+element ui表单校验问题

问题：点击表单出现一个树状显示弹出层，点击选择内容回显至表单，但表单有回显后校验规则仍在，点击保存后提示校验必填

trigger的值 blur 和 change如何区分使用

（1）blur : 主要用于一些input表单输入，一些类似弹框的回显

例如：

    

   

rules: {

        budgetGroupOrgName: [

          { required: true, message: '必填项不能为空', trigger: 'blur' }

        ]

      },

// 点击获取所在预算部门

    getDepartment(data) {

      if (data.length !== 0) {

        this.info.budgetGroupOrgId = data.id

        this.info.budgetGroupOrgName = data.orgName

        this.$refs.updateFormRef.clearValidate(['budgetGroupOrgName'])

      } else {

        this.info.budgetGroupOrgId = ''

        this.info.budgetGroupOrgName = ''

      }

      this.dialogVisible = false

    },

注：有可能获取值回显后依旧存在校验（解决）：

this.$refs.updateFormRef.clearValidate(['budgetGroupOrgName'])

  （2）change: 一些下拉框、日期选择等需要手动选择的