<template>
<view class="mian">
<!-- 只允许输入正整数 -->
<input type="number" min="1" max="100"/>
<view class="new"><input type="number" v-model="a" placeholder="11" data-index="a" @input="inputs"></view>
<view class="new"><input type="number" v-model="b" placeholder="11" data-index="b" @input="inputs"></view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
inputs(e){
console.log(e,'---',e.target.dataset.index)
let value = e.target.value.replace(/[^\d]/g,'')//类型:只允许输入数字(整数:小数点不能输入)
// let value = e.target.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')//类型:允许输入小数(两位小数)、正数
// let value = e.target.value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')//类型:允许输入小数(一位小数)、正数
// let value = e.target.value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')//类型:开头不能为0,且不能输入小数
let index = e.target.dataset.index
switch(index){
case 'a':
this.a= value
console.log('a',this.a,"value",value)
break;
case 'b':
this.b= value
console.log('b',this.b,"value",value)
break;
}
}
}
};
</script>
<style lang="scss" scoped>
</style>
前端vue,使用多个input可以判断input指定的值 输入为正数,是@input,
最新推荐文章于 2024-07-09 17:15:54 发布