여기서 @input을 사용하여 입력 값이 변경되는 한 트리거되는 이벤트를 모니터링합니다.
@input: 일반적으로 입력 값이 변경되는 한 이벤트를 모니터링하는 데 사용되며 입력이 트리거됩니다.
<el-input class="myInputCss" v-model="inputValueYa" @input="regvalue(inputValueYa)"
</el-input>
regvalue(num) {
console.log('num >>', num);
var str = num;
var len1 = str.substr(0, 1);
var len2 = str.substr(1, 1);
//1.如果第一位是0,后面输入任何数字都直接代替
if (str.length > 1 && len1 == 0) {
str = str.substr(1, 1);
}
//2.第一位不能是.
if (len1 == ".") {
str = "";
}
//3.最后进行正则替换,去掉所有的小数位
str = str.replace(/[^\d^]+/g, ""); // 保留数字和小数点
this.inputValueYa = str
return str;
},
그런데:
οninput="value=value.replace(/\D/g, '').replace(/^0{1,}/g, '')" //모든 양의 정수 확인 οninput="value = value
. replace(/[^\d.]/g,'')”//텍스트 입력 불가, 소수점 제한 없음 (소수점 복수 입력 가능, 완전 불가)