el-form 表单包含多个 el-input 时的校验方法

https://blog.csdn.net/qq_36437172/article/details/97139963`

//data
    const checkOvertime = (rule, value, callback) => {
      const honor_max = this.$refs.honor_max.value
      if (value && honor_max) {
        callback()
      } else {
        if (!value) {
          callback(new Error('请输入最大值'))
        }
        if (!honor_max) {
          callback(new Error('请输入最小值'))
        }
      }
    }
	honor_min: [
	 { required: true, validator: checkOvertime, trigger: 'blur' },
	 { min: 1, max: 150, message: '长度在 1 到 150 个字符', trigger: 'blur' }
	],

   <el-form-item label="荣誉值" prop="honor_min">
        <el-col :span="2">
          <el-input v-model="formData.honor_min" placeholder="最小荣誉值"/>
        </el-col>
        <el-col :span="2" :offset="1" prop="honor_max">
          <el-input  ref="honor_max" v-model="formData.honor_max" placeholder="最大荣誉值"/>
        </el-col>
   </el-form-item>

https://blog.csdn.net/qq_36437172/article/details/97139963
转载