vue：表单验证时，trigger的值什么时候选blur什么时候选change

对el-input输入框的验证，trigger的值选blur，即失去焦点时进行验证。

下拉框（el-select）、日期选择器（el-date-picker）、复选框（el-checkbox）、单选框（el-radio）的验证时，trigger的值选择change，即当值发生变化时就进行验证。

下拉框的验证：

<el-form-item label="活动区域" prop="region">
    <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
      <el-option label="区域一" value="shanghai"></el-option>
      <el-option label="区域二" value="beijing"></el-option>
    </el-select>
  </el-form-item>
rules: {
          region: [
            { required: true, message: '请选择活动区域', trigger: 'change' }
          ]
}

日期选择器的验证：

<el-form-item prop="date1">
        <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
</el-form-item>

date1: [
            { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
],

复选框的验证：

<el-form-item label="活动性质" prop="type">
    <el-checkbox-group v-model="ruleForm.type">
      <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
      <el-checkbox label="地推活动" name="type"></el-checkbox>
      <el-checkbox label="线下主题活动" name="type"></el-checkbox>
      <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
    </el-checkbox-group>
</el-form-item>

type: [ { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' } ],

单选框的验证：

<el-form-item label="特殊资源" prop="resource">
    <el-radio-group v-model="ruleForm.resource">
      <el-radio label="线上品牌商赞助"></el-radio>
      <el-radio label="线下场地免费"></el-radio>
    </el-radio-group>
  </el-form-item>

resource: [ { required: true, message: '请选择活动资源', trigger: 'change' } ],