版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33242126/article/details/83412852
1.textarea输入字数监控(在watch里可监控,但有些耗费性能,所以节流)
<div class="gorder-note">
<label>备注
<span style="color:#777;font-size: 14px"> {{remarkLen}}/65</span>
</label>
<textarea placeholder="请输入备注.." v-model="remark" @input="descInput"></textarea>
<!--跳转前存,回来的时候再取-->
</div>
/*备注输入字数监控*/
descInput() {
let val = this.remark.length;
this.remarkLen = val;
if (val > 65) {
this.remark = this.remark.substring(0, 65);
this.remarkLen = this.remark.length;
}
},
2.价格监控(小数点后两位)
<div>
<label>合同价格(元)<span>*</span></label>
<input type="text" placeholder="请输入" v-model="contractPrice" @blur="compInput">
</div>
/*合同价格输入监控*/
// 小数点后两位
compInput() {
let re = /^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/;
if (!!this.contractPrice || this.contractPrice === 0) {
if (!re.test(this.contractPrice)) {
this.$toast("请输入正确价格");
this.contractPrice = "";
}
}else{ // 针对iOS做空处理
this.contractPrice = "";
}
},