el-input-number限制只能输入正整数不可输入空格字母那些

您好，要实现 el-input-number 只能输入正整数并且不能输入空格和字母，可以使用以下方法：

1. 设置 el-input-number 的属性 controls-position 为 right，使得输入框右侧出现控制器按钮。

2. 设置 el-input-number 的属性 min 和 step 为 1，使得输入框每次增加或减少的值为 1。

3. 使用正则表达式 /^[1-9]\d*$/，限制只能输入正整数。

4. 使用事件监听器 onkeydown 和 oninput 监听键盘输入和粘贴事件，通过正则表达式和字符串的 replace 方法过滤掉非数字字符。

以下是示例代码：

<template>
  <el-input-number
    v-model="value"
    :controls-position="controlsPosition"
    :min="1"
    :step="1"
    @keydown="onKeyDown"
    @input="onInput"
  ></el-input-number>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      controlsPosition: 'right'
    }
  },
  methods: {
    onKeyDown(event) {
      // 过滤非数字字符
      if (event.key !== 'Backspace' && event.key !== 'Delete' && !/^\d$/.test(event.key)) {
        event.preventDefault();
      }
    },
    onInput() {
      // 过滤非数字字符
      this.value = this.value.replace(/[^1-9\d]/g, '');
    }
  }
}
</script>