el-input限制输入正整数

在Vue.js中使用Element UI库的el-input组件时，可以通过添加@input事件监听器来限制输入正整数。以下是一个简单的例子：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput(value) {
      // 使用正则表达式来判断是否为正整数
      const regex = /^[1-9]\d*$/;
      // 如果输入的值不符合正整数的正则表达式，则将其设置为上一个有效值
      if (!regex.test(value)) {
        this.inputValue = this.inputValue.substring(0, this.inputValue.length - 1);
      }
    }
  }
};
</script>

在这个例子中，handleInput方法会在每次输入时被触发。该方法使用正则表达式/^[1-9]\d*$/来判断输入值是否为正整数。如果不是，则将当前的输入值截断到上一个有效值。这样就可以限制用户只能输入正整数。