vue中在填报表单中多个el-input输入框实时输入数据，如何实时显示最小值

要在填报表单中的多个 `el-input` 输入框中实时显示最小值，你可以使用 `watch` 监听输入框的变化，并在回调函数中更新最小值。以下是一个示例：

<template>
  <div>
    <el-form>
      <el-form-item v-for="(input, index) in inputs" :key="index" label="输入框">
        <el-input v-model="input" @input="updateMinValue" />
      </el-form-item>
    </el-form>
    <p>最小值：{{ minValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputs: [],
      minValue: null,
    };
  },
  watch: {
    inputs: {
      deep: true,
      handler(newInputs) {
        this.minValue = Math.min(...newInputs.filter(value => value !== null));
      },
    },
  },
  methods: {
    updateMinValue() {
      // do nothing
    },
  },
};
</script>

在上面的示例中，`inputs` 数组存储了每个输入框的值，`minValue` 存储了当前的最小值。通过监听 `inputs` 数组的变化，当输入框的值发生变化时，`watch` 中的回调函数会被触发，计算新的最小值并更新 `minValue`。这样，你就可以实时地显示多个输入框中的最小值了。

请注意，为了确保监听到数组的变化，我们在 `watch` 中使用了 `deep: true` 选项来深度监听数组的变化。此外，我们还在计算最小值时使用了 `filter` 方法来排除数组中的 `null` 值，以避免出现问题。

希望这可以帮助到你！