vue使input框只能输入0-100的数字
【代码】vue使input框只能输入0-100的数字。
·
//1.input中写入@input
<template
<div>
<input
type="text"
@input="numValid(value)"
placeholder="请输入内容"
v-model="value"
/>
</div>
</template>
//2.存储input的值value
data(){
return{
value:""
}
}
//3.使用户只能输入0-100内的数字
methods:{
numValid(value){
this.value = value>100 ? 100 : value.replace(/[^0-9]/g, "") ;
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)