vue|vue 输入框输入任意内容返回数字的实现 vue输入框输入任意内容返回数

本文主要介绍了vue 输入框输入任意内容返回数字，具体如下：

【vue|vue 输入框输入任意内容返回数字的实现】输入任意内容只返回数字

// 提取数字传入数字export function changeEvent(item) { let nums = item + ""; if (nums === "") {nums = ""; // 空的话直接返回空 } else {nums = nums.replace(/[^\d|\.]/g, ""); // 提取出来一定是数字if (nums.includes(".")) {// 包含小数点let strL = nums.substring(0, nums.indexOf(".")); let strR = nums.substring(nums.indexOf(".") + 1); nums = strL + "." + strR; }// else {//// 不包含小数点//nums = nums.replace(/[^\d|\.]/g, ""); // 提取出来一定是数字// } } return nums; }// 离开输入事件 export function blurEvent(x, y) { if (x === "") {y.manualScore = ""; } else {x = x + ""; let nums; if (x.includes(".")) {// 包含小数点nums = x.replace(/[^\d|\.]/g, ""); // 提取出来一定是数字let strL = nums.substring(0, nums.indexOf(".")); let strR = nums.substring(nums.indexOf(".") + 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; }} else {nums = x.replace(/[^\d|\.]/g, ""); // 提取出来一定是数字}let z = nums * 1 || ""; z = z < 0 ? 0 : z; y.manualScore = z; } console.log("x", x, "y:", y); }