el-input输入数字自动填充小数点位数的0

您可以使用 `toFixed()` 方法来控制小数点后的位数，并结合 `@blur` 事件来处理自动填充小数点后的0。示例代码如下：

<el-input v-model="num" @blur="handleBlur"></el-input>

methods: {
  handleBlur() {
    if (this.num !== '') {
      this.num = Number(this.num).toFixed(2);
    }
  }
}

在上面的代码中，我们监听了 `@blur` 事件，当输入框失去焦点时，会触发 `handleBlur` 方法。在该方法中，我们首先判断输入框中是否有值，如果有值，就将其转换为数字类型，并使用 `toFixed()` 方法来设置小数点后的位数为2位。最后，将处理后的值赋值回输入框的 `v-model` 中，完成自动填充小数点位数的0的功能。

相关问题

el-input 输入数字需要保留小数点后三位

在Element UI库中的`el-input`组件中，如果你想要限制用户输入数字并保持小数点后三位，你可以利用其提供的`clearable`属性配合自定义验证函数。首先，你需要设置`type="number"`确保输入框只接受数字，然后可以添加一个`filter`选项来格式化输入。

<el-input v-model.number="yourNumber" placeholder="请输入数字" :clearable="true"
        @input="formatNumber($event)">
</el-input>

在`data`中声明变量`yourNumber`：

data() {
  return {
    yourNumber: ''
  };
},

接下来，在`methods`中创建`formatNumber`函数，使用正则表达式截取多余的位数：

methods: {
  formatNumber(value) {
    this.yourNumber = parseFloat(value.toFixed(3));
  }
}

这个函数会在每次输入改变时自动执行，将输入值四舍五入到小数点后三位。

el-input 只能输入数字和小数点

可以通过设置 el-input 的属性，限制只能输入数字和小数点。可以使用 v-model 绑定输入的值，使用正则表达式限制输入内容。

例如，设置 el-input 只能输入数字和小数点，可以在 el-input 中添加如下属性：

<el-input v-model="number" :oninput="handleInput" placeholder="请输入数字和小数点" :maxlength="10" :pattern="numberPattern"></el-input>

其中，number 是绑定的值，handleInput 是输入框的事件处理函数，maxlength 是最大长度，numberPattern 是正则表达式，用于限制输入内容。

在 Vue 中，可以定义一个 data 属性 number 和一个方法 handleInput，用于处理输入事件：

export default {
  data() {
    return {
      number: '',
      numberPattern: /^[0-9.]*$/
    }
  },
  methods: {
    handleInput() {
      this.number = this.number.replace(/[^\d.]/g, '') // 只保留数字和小数点
    }
  }
}

这样，就可以限制 el-input 只能输入数字和小数点了。