使用watch监听input值
vue禁止input输入非数字,以及可输入的最大值 {{num * 3}} var vm = new Vue({ el:'#app', data:{ num:1, oldNum:0 }, watch:{ num:{ handler:(val,oldVal)=>{
·
vue禁止input输入非数字,以及可输入的最大值
<div id="app">
<input type="text" v-model="num">{{num * 3}}
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
num:1,
oldNum:0
},
watch:{
num:{
handler:(val,oldVal)=>{
val = Number(val);
if(val != val){
vm.num = oldVal;
}else if(val > 99){
vm.num = oldVal;
}else{
vm.num = val;
}
},
deep:true
}
}
})
</script>
更多推荐
已为社区贡献5条内容
所有评论(0)