字数监控,价格监控等

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33242126/article/details/83412852

 1.textarea输入字数监控(在watch里可监控,但有些耗费性能,所以节流)

<div class="gorder-note">
   <label>备注 &nbsp;&nbsp;
      <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 = "";
    }
 },

猜你喜欢

转载自blog.csdn.net/qq_33242126/article/details/83412852
今日推荐