ElementUI Input 组件限制小数点后最多 4 位的正则表达式

可以使用 ElementUI 的 input 组件的 validateEvent 方法来限制输入小数点后最多4位的正则表达式。

例如：

<el-input v-model="inputValue" @keyup.native="onKeyUp" :validate-event="validateNumber"></el-input>

data() {
  return {
    inputValue: '',
  }
},
methods: {
  onKeyUp() {
    // 处理输入事件
  },
  validateNumber(event) {
    const regex = /^[0-9]+([.]{1}[0-9]{1,4})?$/
    const value = event.target.value + event.key
    return regex.test(value)
  },
}

上述代码中，validateNumber 方法返回一个 Boolean 值，表示当前输入是否符合正则表达式的要求。其中，正则表达式 /^[0-9]+([.]{1}[0-9]{1,4})?$ 表示：

• ^：表示字符串的开头
• [0-9]+：表示数字 0-9 至少出现 1 次
• ([.]{1}[0-9]{1,4})?：表示小数点和小数部分，其中：
• [.]{1}：表示小数点，只能出现 1 次
• [0-9]{1,4}：表示小数部分，数字 0-9 出现 1-4 次
• $：表示字符串的结尾

因此，该正则表达式限制了输入的格式为数字和小数点，小数点后最多出现 4 位小数。