el-input 汇率值输入限制

<el-input @keyup.native="item.exchangeRateValue = oninput(item.exchangeRateValue, 8)"

v-model="item.exchangeRateValue" placeholder="请输入汇率"></el-input>


oninput(num, limit) {

      var str = num

      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.replace(/[^\d^\.]+/g, '') // 保留数字和小数点

      if (limit == 1) {

        str = str.replace(/^\D*([0-9]\d*\.?\d{0,1})?.*$/, '$1') // 小数点后只能输 1 位

      } else if (limit == 2) {

        str = str.replace(/^\D*([0-9]\d*\.?\d{0,2})?.*$/, '$1') // 小数点后只能输 2 位

      } else if (limit == 3) {

        str = str.replace(/^\D*([0-9]\d*\.?\d{0,3})?.*$/, '$1') // 小数点后只能输 3 位

      } else if (limit == 4) {

        str = str.replace(/^\D*([0-9]\d*\.?\d{0,4})?.*$/, '$1') // 小数点后只能输 4 位

      }else if (limit == 8) {

        str = str.replace(/^\D*([0-9]\d*\.?\d{0,8})?.*$/, '$1') // 小数点后只能输 8

      }//如果想自定义小数点后保留的位数请else if 既可

      return str

    },

update(item, state) {

      if (state === '2') {

        item.exchangeRateValue = 6.8

      }

      if (!item.exchangeRateValue) {

        if (document.getElementsByClassName('el-message').length === 0) {         //避免提示重叠

          this.$message.error('汇率不可为空!')

        }

        return

      } else if (isNaN(item.exchangeRateValue)) {

        this.$message.error('汇率只可为数值!')

        return

      }

      util.ajax.post('/reqfund/rfExchangeRate/save',

          {

            exchangeRateId: item.exchangeRateId,

            exchangeRateValue: item.exchangeRateValue,

            currency: item.currency,

            deleteFlag: '0',

          }).then(res => {

        if (res.data.msg == '保存成功') {

          this.$message({message: '保存成功!', type: 'success'});

          // this.init()

        } else {

          this.$message({message: '保存失败!', type: 'error'});

        }

      }).catch((/* err */) => {

      });

    },

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这个世界我们只来一次,百年之后,没你也没我,我们拼搏一生,带不走一砖一瓦,我们执着一生,带不走一丝爱恨情 有钱就把...
    694a4f83e500阅读 361评论 0 1
  • 今天是什么日子 起床:08:45 就寝:23:50 天气:晴 任务清单 今日完成的任务,最重要的三件事: 1.面试...
    Miss亚姐聊职业生涯成长阅读 162评论 0 1
  • 1、韩轨等围侯景于颍川。景惧,割东荆、北兖州、鲁阳、长社四城赂魏以求救。尚书左仆射于谨曰:“景少习兵,奸诈难测,不...
    荒原苍狼阅读 200评论 0 3
  • 昨天在家里踏踏实实的躺了一整天,因为不知道为什么,昨天的肚子明显更疼一些,抱着暖水袋我是一动也不敢动。疼起来的时候...
    墨鸢Celeste阅读 149评论 0 3
  • 又是新的一周开始了,最不喜欢周一。因为一周当中最多车就是今天的早高峰了,早上特意比平时提前了几分钟出门,但...
    不甜的棉花糖阅读 74评论 0 2