elementui一个表单不同情况下的验证规则

1、页面

HTML：

<el-form
      :model="dataForm"
      :rules="rulesList"
      ref="dataForm"
      v-loading="loading"
    >
     <!-- type = '1' 显示 -->
      <el-row>
        <el-col :span="22">
          <el-form-item label="文本1" required label-width="120px">
            <el-input
              placeholder="文本1"
              v-model.trim="dataForm.text1"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
       <!-- type = '2' 显示 -->
      <el-row>
        <el-col :span="22">
          <el-form-item label="文本2" required label-width="120px">
            <el-input
              placeholder="文本2"
              v-model.trim="dataForm.text1"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
 </el-form>

data：

dataForm：{
	type:'1',
	text1:'',
	text2:''
}

  computed: {
    rulesList: function () {
      if (this.dataForm.type === '1') {
        return this.rule1
      } else {
        return this.rule2
      }
    },
    rule1 () {
      return {
        text1: [
          {
            required: true,
            message: this.$t('validate.required'),
            trigger: 'blur'
          }
        ]
      }
    },
    rule2 () {
      return {
        text2: [
          {
            required: true,
            message: this.$t('validate.required'),
            trigger: 'blur'
          }
        ]
      }
    }
  },