iview InputNumber 数字输入框完整校验(多个小数点问题)

<InputNumber  v-model.number="iptNum"  @on-blur="iptBlur" @on-change="iptChange"  />

此时,输入框输入多少点,都会显示。但是v-model却只是数字
在这里插入图片描述
而此时打印出来的值却是没有小数点的:
在这里插入图片描述
解决方法:
添加keyup监听,匹配value

this.$nextTick(() => {
      document.getElementsByClassName('ivu-input-number')[0].getElementsByTagName('input')[0].addEventListener('keyup', (e) => {
        // console.log('keyup', e.target.value)
        // console.log('v-model', this.sendNum)
        let patern = /\d+\.\d+/g;
        if(e.target.value && e.target.value.split('.').length > 2) {
          e.target.value = patern.exec(e.target.value)[0];
        }
      })
    })

这样就可以实现最多1个小数点了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章