如何让el-input只能输入正整数

你可以通过设置 `type` 属性为 `"number"`，然后再设置 `min` 属性为 `"1"` 来实现只能输入正整数的效果。同时，你还需要监听 `input` 事件，当用户输入非数字字符时，将其替换为空字符串。

以下是一个示例代码：

<el-input v-model="inputValue" type="number" :min="1" @input="handleInput"></el-input>

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

相关问题

el-input只能输入正整数

你可以使用 `el-input` 的 `type` 属性设置输入框类型为 `number`，然后使用 `min` 属性设置最小值为 0，这样就可以限制输入的是正整数了。代码示例：

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

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

el-input 只能输入正整数

你可以使用 el-input 的 type 属性设置为 number ，这样就只能输入数字了。如果你想限制只能输入正整数，可以使用 el-input 的 min 属性设置为 1 。同时，你可以监听 input 事件，在输入框的值发生变化时，判断输入的数值是否为正整数，如果不是，则清空输入框的值。以下是示例代码：

<el-input v-model="inputValue" type="number" :min="1" @input="handleInput"></el-input>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput() {
      const value = this.inputValue
      if (!(/^[1-9]\d*$/.test(value))) {
        this.inputValue = ''
      }
    }
  }
}
</script>