多个el-input联动校验比大小

在Vue.js中，如果需要实现多个`el-input`输入框之间的联动校验，比如其中一个输入框的值必须要小于另一个输入框的值，你可以这样做：

1. 首先，在你的Vue组件模板中，为每个输入框添加`v-model`绑定数据，并给它们分配唯一的标识符。

<template>
  <div>
    <el-form-item label="输入1">
      <el-input v-model="input1" :key="input1Key"></el-input>
      <span v-if="input1 > input2">输入1大于输入2，不符合条件</span>
    </el-form-item>
    <el-form-item label="输入2">
      <el-input v-model="input2" :key="input2Key"></el-input>
    </el-form-item>
  </div>
</template>

2. 然后，在数据对象中定义输入变量以及对应的键值。

export default {
  data() {
    return {
      input1: '',
      input2: '',
      input1Key: 'input1',
      input2Key: 'input2',
      isValid: true,
    };
  },
};

3. 当其中一个输入发生变化时，可以在`watch`或者`computed`属性中监听变化并检查是否满足条件，然后更新`isValid`的状态。

<script>
export default {
  // ...其他数据
  watch: {
    [input1Key]: function(newVal) {
      if (newVal && newVal > this.input2) {
        this.isValid = false;
      } else {
        this.isValid = true; // 或者加上其他更复杂的校验规则
      }
    },
    [input2Key]: function(newVal) {
      // 类似地，检查输入2是否满足条件
    },
  },
};
</script>

在这个例子中，当输入1的值大于输入2时，会显示错误信息，并且`isValid`标志会被设置为`false`，影响表单提交验证。