zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue或uniapp中文本框输入数字固定几位小数或只能输入整数的方法

Vue方法输入 数字 整数 固定 小数 只能
2023-09-14 09:13:42 时间
<input class="number-input" type="text" v-model="number" placeholder="0.00" @input="numberFixedDigit" />

numberFixedDigit (e) { // 固定两位小数
  e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || ''
  this.$nextTick(() => {
    this.number= e.target.value
  })
}

numberFixedDigit (e) { // 只能输入整数
  e.target.value = e.target.value.replace(/^0|[^\d]|[.]/g, '')
  this.$nextTick(() => {
    this.number= e.target.value
  })
}