方案1:
来源:http://zhidao.baidu.com/question/277893180.html
如果是整数:去掉整数前的零 例如:0098765--->98765
如果是小数:去掉小数前的零 例如:000.333--->0.333 再例如000.00--->0.00
<input onblur="b=this.value;b=(b+'').replace(/^0+\./g,'0.');b.match(/^0+[1-9]+/)?b=b.replace(/^0+/g,''):b;this.value=Number(b)?b:0;">
方案2:建议使用此方案,方案一只是显示没0,变量还是有0
注意:是放在失焦事件里
<el-input v-model.trim="premium" @blur="onblur($event, premium)" @input.native="changeInputP1($event, premium)"></el-input>
// 去除多余0
onblur (e, val) {
// 可以再次通过失焦事件先去除开头的0 再取出末尾的0
e.target.value = e.target.value.replace(/^0+\./g, '0.') //把小数0开头的多余0去掉
e.target.value = e.target.value.replace(/^[0]+/, '') //把整数0开头的多余0去掉
e.target.value = parseFloat(e.target.value) //去除末尾的0
this.premium = e.target.value //重新赋值给变量
},
//限制只能输入0 正数 最多两位小数
changeInputP1 (e, val) {
console.log(e, val)
e.target.value = e.target.value.match(/^\d*(\.?\d{0,2})/g)[0] || null // 限制只能输入0 正数 和 两位小数
// console.log(e.target.value)
this.premium = e.target.value
val = e.target.value
},