el-input-number限制小数点最后一位

你可以通过设置 `step` 属性为 `0.1`，并将 `precision` 属性设置为 `1` 来限制 `el-input-number` 中小数点的位数。具体代码如下：

<el-input-number :step="0.1" :precision="1"></el-input-number>

这样设置后，用户在输入小数时，小数点后只能输入一位数字。

相关问题

el-input 只能输入数字和小数点 保留一位

可以通过设置 el-input 的 type 属性为 number，并使用 step 属性来控制小数点后的位数，并添加一个自定义的输入限制函数，如下所示：

<template>
  <el-input v-model="value" type="number" :step="0.1" :oninput="handleInput"></el-input>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    handleInput() {
      // 只允许输入数字和小数点，且保留一位小数
      this.value = this.value.replace(/[^\d\.]/g, '');
      const dotIndex = this.value.indexOf('.');
      if (dotIndex >= 0) {
        this.value = this.value.slice(0, dotIndex + 2);
      }
    }
  }
}
</script>

该代码会将 el-input 的 type 属性设置为 number，step 属性设置为 0.1，这样就可以控制小数点后的位数为一位。同时，还需要添加一个自定义的 handleInput 函数来限制输入内容。该函数会先将非数字和小数点的字符替换为空字符串，然后通过 indexOf 方法找到小数点的位置，如果小数点的位置大于等于 0，就截取字符串到小数点后一位。最后，将处理后的值赋值给 v-model 绑定的 value 属性即可。

需要注意的是，el-input 的 type 属性为 number 时，输入框只允许输入数字和小数点，不允许输入其他字符，所以在 handleInput 函数中还需要对输入框的输入进行限制。

<el-input-number v-model=“num” :precision=“2”></el-input-number>小数点后超过两位依旧可以输入

<el-input-number v-model="num" :precision="2"></el-input-number>中的precision属性指定了小数点后保留的位数为两位，如果输入的数字小数点后超过两位，仍然可以输入，但是显示的数字会被自动截断为两位小数。如果你想限制用户只能输入小数点后两位以内的数字，可以使用正则表达式进行限制。例如，可以在输入框的@input事件中使用正则表达式过滤掉非法字符，代码如下：

<el-input v-model="inputTable.amount" @input="formatNum(form.amount, 'amount')"></el-input>

// 在methods中定义formatNum方法
formatNum(val, key) {
  // 过滤非法字符
  val = val.replace(/[^\d.]/g, '');
  // 限制小数点后两位
  val = val.replace(/^\d+\.\d{0,2}/g, (match) => match.slice(0, match.indexOf('.') + 3));
  // 更新数据
  this.inputTable[key] = val;
}