<el-input v-model="num" type="number"/> 如何设置限制输入最大值

在 Vue.js 中，`<el-input>` 组件是 Element UI 库里的数字输入框组件。如果你想限制 `v-model` 的值 `num` 只能输入的最大值，可以利用其内置的事件处理器和 `max` 属性。首先，在绑定的 `v-model` 上添加一个 `max` 数字属性，然后监听 `input` 事件，以便在用户输入超出最大值时阻止。

示例代码如下：

<template>
  <el-input
    v-model.number="num"
    type="number"
    :max="maxValue"
    @input.prevent="checkMax"
  ></el-input>
</template>

<script>
export default {
  data() {
    return {
      num: 0,
      maxValue: 100, // 设置最大值，这里假设最大值为100
    };
  },
  methods: {
    checkMax(event) {
      if (Number(event.target.value) > this.maxValue) {
        event.preventDefault(); // 阻止默认行为，即不接受输入
        event.target.value = this.maxValue; // 将输入值设为最大值
      }
    },
  },
};
</script>

在这个例子中，当用户试图输入超过 `maxValue` 的数值时，会触发 `checkMax` 方法，防止继续输入，并将当前值设为最大值。