el-input-number 如何默认不填充 0

如果要让 `el-input-number` 默认不填充 0，可以设置 `controls-position` 属性为 `never`，这样在输入框中输入数字时就不会自动填充 0 了。

示例代码如下：

<el-input-number v-model="number" :controls-position="'never'"></el-input-number>

其中，`v-model` 绑定了一个叫做 `number` 的数据，用来存储用户输入的数字。`:controls-position="'never'"` 则是将 `controls-position` 属性绑定为一个字符串 `'never'`，表示不显示控制按钮，也不填充 0。

相关问题

el-input-number 按钮有间隙

el-input-number 是 Element UI 中的一个组件，用于输入数字的输入框。如果 el-input-number 的按钮有间隙，可能是由于样式设置或者布局问题导致的。以下是一些可能的原因和解决方法：

1. 样式问题：检查按钮的样式是否被其他样式覆盖或者修改了。可以通过浏览器的开发者工具查看按钮元素的样式，并适当修改样式。

2. 布局问题：检查 el-input-number 组件所在的容器元素是否设置了固定宽度或者最小宽度，导致按钮无法完全填充容器。可以尝试调整容器元素的宽度或者使用 flex 布局来解决。

3. 版本问题：如果你使用的是较旧的 Element UI 版本，可能存在一些已知的 bug 或者样式问题。可以尝试升级 Element UI 到最新版本，或者查看 Element UI 的官方文档和社区讨论中是否有相关的解决方案。

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的功能。