您现在的位置是：网站首页> 编程资料编程资料

Elementui如何限制el-input框输入小数点_vue.js_

2023-05-24 224人已围观

简介 Elementui如何限制el-input框输入小数点_vue.js_

限制el-input框输入小数点

 /** * oninput 限制输入框小数点位数，多出的过滤掉 * @param Number {num} * @param Number {limit} */ oninput(num, limit) { var str = num var len1 = str.substr(0, 1) var len2 = str.substr(1, 1) //如果第一位是0，第二位不是点，就用数字把点替换掉 if (str.length > 1 && len1 == 0 && len2 != ".") { str = str.substr(1, 1) } //第一位不能是. if (len1 == ".") { str = "" } //限制只能输入一个小数点 if (str.indexOf(".") != -1) { var str_ = str.substr(str.indexOf(".") + 1) if (str_.indexOf(".") != -1) { str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1) } } //正则替换 str = str.replace(/[^\d^\.]+/g, '') // 保留数字和小数点 if (limit / 1 === 1) { str = str.replace(/^\D*([0-9]\d*\.?\d{0,1})?.*$/,'$1') // 小数点后只能输 1 位 } else { str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/,'$1') // 小数点后只能输 2 位 } return str }