标签部分:

<el-input v-model="form.field" @input="(value) => inputFieldValueFormat(value, 'field', type)" />

处理回调部分

inputFieldValueFormat(value, field, type) {
      // 小于100且小数点后最多输入6位
      if (type === 'less100rate') {
        const valueData = value.replace(/^(\-)*\D*(\d*(?:\.\d{0,6})?).*$/g, '$1$2');
        if (valueData <= 100) {
          this.form[field] = valueData;
        } else {
          this.form[field] = valueData.slice(0, 2);
        }
      // 标准金额 最多输入2位小数
      } else if (type === 'money') {
        this.form[field] = value.replace(/^(\-)*\D*(\d*(?:\.\d{0,2})?).*$/g, '$1$2');
      // 纯数字
      } else if (type === 'number') {
        this.form[field] = value.replace(/[^\d]/g, '');
      // 整数位最多输入n位 小数为最多输入m位
      } else if () {
        this.form[field] = value.replace(/^(\-)*\D{0,n}(\d{0,n}(?:\.\d{0,m})?).*$/g, '$1$2');
      }
    },

任我行
19 声望2 粉丝

« 上一篇
React高阶组件
下一篇 »
js 精确计算