vue3+element plus input输入框限制，只能输入数字

您可以使用 Vue 3 和 Element Plus 来实现只能输入数字的输入框限制。您可以通过监听输入框的输入事件，并在处理函数中过滤非数字字符。

首先，您需要在 Vue 组件中引入 Element Plus 的输入框组件：

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

<script>
import { ref } from 'vue';

export default {
  setup() {
    const inputValue = ref('');

    const handleInput = (value) => {
      // 过滤非数字字符
      const filteredValue = value.replace(/[^\d]/g, '');
      inputValue.value = filteredValue;
    };

    return {
      inputValue,
      handleInput,
    };
  },
};
</script>

在上述代码中，我们使用了 Vue 3 提供的 `ref` 函数来创建一个响应式的 `inputValue` 变量来保存输入框的值。然后，在 `handleInput` 函数中，我们使用正则表达式 `/[^\d]/g` 过滤非数字字符，然后将过滤后的值赋给 `inputValue` 变量。

这样，用户在输入框中输入时，非数字字符将被过滤掉，只保留数字字符。