el-input只能输入整数 禁止输入小数点

以下是使用Vue框架中的el-input组件实现只能输入整数的方法：

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

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(value) {
      // 只允许输入数字
      this.inputValue = value.replace(/[^\d]/g, '')
    }
  }
}
</script>

在上述代码中，我们使用了Vue框架中的el-input组件，并且通过v-model指令将输入框的值与Vue实例中的inputValue属性进行双向绑定。同时，我们在el-input组件上绑定了一个@input事件，当输入框的值发生变化时，会触发handleInput方法。在handleInput方法中，我们使用正则表达式/[^\d]/g来匹配非数字字符，并将其替换为空字符串，从而实现只能输入整数的效果。

相关问题

el-input只能输入正整数，不能输入小数点

你可以使用 `type="number"` 属性来限制输入框只能输入数字，然后使用 JavaScript 来监听用户输入，判断是否包含小数点，如果包含则阻止输入。以下是一个示例代码：

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

export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      const value = event.target.value
      if (value.includes('.')) {
        event.target.value = value.replace('.', '')
        this.inputValue = event.target.value
      } else {
        this.inputValue = value
      }
    }
  }
}

上述代码中，我们监听了 `el-input` 组件的 `input` 事件，判断输入框的值是否包含小数点，如果包含，则使用 `replace` 方法将小数点替换为空字符，然后将修改后的值重新赋值给输入框。如果不包含小数点，则直接将输入框的值赋值给 `inputValue`。这样就实现了 el-input 只能输入正整数，不能输入小数点的需求。

el-input-number 只能输入正整数 ， 不可以输入小数点

el-input-number是Element UI库中的一个组件，用于输入类型的数据。如果你想限制el-input-number只能输入正整数，而不能输入小数点，可以通过设置其属性来实现。

首先，你可以使用min属性将最小值设置为0，这样就可以限制el-input-number只能输入非负整数。然后，你可以使用step属性将步长设置为1，这样就可以限制el-input-number只能以1为单位递增或递减。

下面是一个示例代码：

<template>
  <el-input-number v-model="number" :min="0" :step="1"></el-input-number>
</template>

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

这样设置之后，el-input-number就只能输入正整数，而不能输入小数点。