<div style="display:flex;">
<button @click='count--' :disabled='count===1' style='width:30px;'>-</button>
<input style="width:30px;text-align:center;" v-model.mumber='count' type="text">
<!-- v-model.mumber 输入全为数字 -->
<button @click='count++' :disabled='count===6' style='width:30px;'>+</button>
</div>
<script>
new Vue({
el:"#app",
watch:{//监听器
count(val){
console.log(val);
if(!/^[1-6]$/.test(val)) ths.count = 1
//^开头, $结尾, [1-6]1到6, !没满足,非
}
},
data:(){
return:{
count:1
}
}
})
</script>
监听input框中的数字
最新推荐文章于 2023-03-01 11:31:17 发布