elementui el-input组件限制只能输入数字且小数点为3位、只有一位小数点、0开头后面不是小数点则以数字替换、自动补全

代码实现如下:

<el-input
  v-model="scope.row.num"
  size="mini"
  oninput="
      this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3') // 只能输入数字、小数点限制3位
     .replace(/^0+(\d)/, '$1') // 第一位0开头,0后面为数字,则过滤掉,取后面的数字
     .replace(/^\./, '0.')  // 如果输入的第一位为小数点,则替换成 0. 实现自动补全
     .match(/^\d*(\.?\d{0,3})/g)[0] || '' // 数字开头、小数点3位
   "
/>

猜你喜欢

转载自blog.csdn.net/DarlingYL/article/details/125875098
今日推荐