vue el-input 校验数字

对于Vue的`el-input`组件，你可以使用Vue的表单验证来校验数字输入。下面是一个示例：

首先，你需要在`el-input`上添加`v-model`指令，以便将输入的值绑定到Vue实例的数据属性上。例如：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入数字"></el-input>
    <el-button @click="validateInput">校验</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '' // 绑定输入值的数据属性
    };
  },
  methods: {
    validateInput() {
      // 使用正则表达式验证输入值是否为数字
      if (/^\d+$/.test(this.inputValue)) {
        alert('输入值为数字');
      } else {
        alert('输入值不是数字');
      }
    }
  }
};
</script>

在上面的示例中，我们使用了`inputValue`作为`el-input`的v-model绑定的数据属性。然后，我们在`validateInput`方法中使用正则表达式`/^\d+$/`来验证输入的值是否为数字。如果是数字，则弹出提示"输入值为数字"，否则弹出提示"输入值不是数字"。

你可以根据自己的需求进行进一步的验证逻辑。希望这可以帮助到你！