u-view中input输入限制小数点后一位

晒晒u

于 2024-08-28 13:53:17 发布

阅读量97

点赞数 2

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/fairyfree/article/details/141638942

版权

<u--input
	   placeholder="请输入提现金额"
	   border="bottom"
		type="digit"
		v-model="postData.amount"
		@change="handleInput"
	   clearable
	 ></u--input>

handleInput(val) {
	var str = val;
	  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.match(/^\d*(\.?\d{0,1})/g)[0]) || null
	  this.$nextTick(()=> {
		  this.postData.amount = str
	  })
	  return str;
},```