vue input限制输入数字

vue input限制输入数字

• 1、只能输入数字
• 2、只能输入数字和小数点（此处限制保留四位小数）
• 3、只能输入数字、小数点和负号

1、只能输入数字

<el-input
  clearable
  v-model="form.result"
  placeholder="请输入结果"
  onkeyup="value=value.replace(/\D/g,'')"
  onafterpaste="value=value.replace(/\D/g,'')"
  @blur="form.result=$event.target.value"
/>

2、只能输入数字和小数点（此处限制保留四位小数）

<el-input
  clearable
  v-model="form.result"
  placeholder="请输入结果"
  oninput="value=value.replace(/^\D*([0-9]\d*\.?\d{0,4})?.*$/,'$1')"
  @blur="form.result=$event.target.value"
/>

3、只能输入数字、小数点和负号

<el-input
  clearable
  v-model="form.result"
  placeholder="请输入结果"
  oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,4})?.*$/,'$1')"
  @blur="form.result=$event.target.value"
/>