如果你不想让用户在html input中输入小数点,可以使用vue来限制输入框只能输入整数,例如:
<template>
<div>
<input v-model="myNumber" v-on:input="handleInput">
</div>
</template>
<script>
export default {
data() {
return {
myNumber: ''
}
},
methods: {
handleInput() {
// 使用正则表达式限制只能输入整数
this.myNumber = this.myNumber.replace(/[^\d]/g, '');
}
}
}
</script>
在上面的代码中,我们使用了v-model
指令来将输入框中的值绑定到Vue实例的myNumber
属性上。然后我们定义了一个handleInput
方法来处理输入框的输入事件,该方法使用了正则表达式/[^\d]/g
来匹配所有非数字字符,并使用空字符串替换掉它们,这样就可以限制输入框只能输入整数了。最后,我们将处理后的值再次赋给myNumber
属性,以保证输入框中始终只有整数。