vue3监听input保留两位小数点

监听input输入框校验

再次记录下，这里没封装，仅演示~

保留2位小数

• 只能输入数字和两位小数

<el-input
  v-model="form.amount"
  oninput="value=value.replace(/[^0-9.]/g,'').replace(/\.{2,}/g,'.').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
  placeholder="请输入金额"
  maxlength="8"
/>
1
2
3
4
5
6

只能输入数字

<el-input
  v-model.number="form.num"
  oninput="value=value.replace(/[^0-9]/g,'')" placeholder="请输入序号"
  maxlength="8"
/>
1
2
3
4
5

数字类型校验

<el-input
  v-model.number="form.num"
  placeholder="请输入"
  maxlength="8"
/>
1
2
3
4
5