el-input 使用replace让输入框数值只能输入数字并且保留四位小数

如果你想在 `el-input` 组件中使用 `replace` 方法来限制只能输入数字并保留四位小数，你可以监听 `input` 事件，并在事件处理函数中进行相应的处理。下面是一个示例代码：

<template>
  <el-input v-model="inputValue" @input="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput() {
      // 替换非数字和非小数点的字符为空字符串
      this.inputValue = this.inputValue.replace(/[^\d.]/g, '');

      // 限制小数点后最多四位小数
      const decimalIndex = this.inputValue.indexOf('.');
      if (decimalIndex !== -1) {
        const decimalPart = this.inputValue.substr(decimalIndex + 1);
        if (decimalPart.length > 4) {
          this.inputValue = this.inputValue.substr(0, decimalIndex + 5);
        }
      }
    }
  }
};
</script>

在这个示例中，我们在 `el-input` 组件上绑定了 `v-model`，将输入框的值与 `inputValue` 数据进行双向绑定。同时，我们监听了 `input` 事件，并在事件处理函数 `handleInput` 中对用户输入进行处理。

在 `handleInput` 方法中，我们首先使用正则表达式替换非数字和非小数点的字符为空字符串。然后，检查是否存在小数点，并且如果小数部分的长度超过了四位，则进行截断。最后，将处理后的值赋值给 `inputValue`，实现了只能输入数字并保留四位小数的效果。

这样，用户在 `el-input` 文本框中输入的值就会自动进行限制，只能是数字并且最多保留四位小数。