vue 限制input框只能输入正整数
时间: 2023-11-24 07:50:06 浏览: 117
浅谈vue限制文本框输入数字的正确姿势
可以使用Vue的指令v-on和正则表达式来限制input框只能输入正整数。具体实现方法如下:
```
<template>
<div>
<input type="text" v-model="inputValue" v-on:keyup="inputValue=inputValue.replace(/[^\d]/g,'')">
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
其中,v-on:keyup="inputValue=inputValue.replace(/[^\d]/g,'')"表示在keyup事件触发时,将inputValue中的非数字字符替换为空字符串,从而实现只能输入正整数的效果。
阅读全文