el-input只能输入数字如何实现

要实现el-input只能输入数字的功能，可以通过以下几种方式来实现：

1. 使用正则表达式限制输入：可以通过给el-input组件添加一个监听input事件的方法，在方法中使用正则表达式判断输入的值是否为数字，如果不是数字则将其替换为空字符串。示例代码如下：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput() {
      this.inputValue = this.inputValue.replace(/[^\d]/g, '');
    }
  }
};
</script>

2. 使用input事件过滤非数字字符：可以通过给el-input组件添加一个监听input事件的方法，在方法中判断输入的值是否为数字，如果不是数字则将其替换为空字符串。示例代码如下：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput(event) {
      const value = event.target.value;
      this.inputValue = value.replace(/[^\d]/g, '');
    }
  }
};
</script>

3. 使用type属性限制输入类型为number：可以通过给el-input组件添加type属性，并将其设置为"number"，这样输入框就只能接受数字类型的输入。示例代码如下：

<template>
  <el-input v-model="inputValue" type="number"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  }
};
</script>