vue input只能输入数字,vue输入框只能输入数字
本文主要介绍在vue输入框中输入任意内容并返回数字的实现。通过示例代码进行了非常详细的介绍,对大家的学习或工作有一定的参考价值。有需要的朋友下面跟边肖学习。
本文主要介绍vue输入框输入任意内容和返回数字,如下:
输入任何内容,只返回数字。
//提取数字并传入数字
导出功能更改事件(项目){
let nums=item“”;
if (nums===) {
nums=“”;//如果是空的,直接返回。
}否则{
nums=nums.replace(/[^\d\.]/g, );//必须是提取的数字。
if (nums.includes( . ))) {
//包含小数点
let strL=nums.substring(0,nums.indexOf( . ));
let strR=nums . substring(nums . index of( . ) 1);
nums=strL . strR
}
//否则{
////不包含小数点
//nums=nums.replace(/[^\d\.]/g, );//必须是提取的数字。
//}
}
返回nums
}
//离开输入事件
导出函数blurEvent(x,y) {
if (x===) {
y . manual score=“”;
}否则{
x=x“”;
让nums
if (x.includes( . ))) {
//包含小数点
nums=x.replace(/[^\d\.]/g, );//必须是提取的数字。
let strL=nums.substring(0,nums.indexOf( . ));
let strR=nums . substring(nums . index of( . ) 1);
strR=strR.replace(/\。/gi, );//删除多余的小数点
if (strL=== strR===) {
nums=“0”;//有小数点,但是左右两边都是空的。默认值为0
} else if (strL=== strR!==) {
//左侧为空,右侧非空小数。
nums=0 strR
} else if (strL!== strR===) {
//右侧为空,左侧不是空整数
nums=strL
} else if (strL!== strR!==) {
nums=strL . strR
}
}否则{
nums=x.replace(/[^\d\.]/g, );//必须是提取的数字。
}
设z=nums * 1
z=z 0?0:z;
y . manual score=z;
}
console.log(x ,x, y:,y);
}
关于在vue输入框中输入任意内容并返回数字的实现,本文到此为止。更多相关的vue输入框,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。