el-input-number去掉小数末尾0
时间: 2023-11-08 09:53:51 浏览: 240
ABAP ALV取消整数小数点后面的0
5星 · 资源好评率100%
要去掉 el-input-number 小数末尾的0,你可以使用以下代码:
```
<el-input-number
v-model="value"
:precision="precision"
:step="step"
:min="min"
:max="max"
controls
@blur="removeTrailingZeros"
></el-input-number>
// JavaScript code
data() {
return {
value: 0,
precision: 2, // 精度
step: 0.01, // 步长
min: 0, // 最小值
max: Number.MAX_VALUE // 最大值
}
},
methods: {
removeTrailingZeros() {
this.value = Number(this.value.toFixed(this.precision));
}
}
```
这段代码中,我们在 el-input-number 中添加了一个 blur 事件,当输入框失去焦点时触发。在 removeTrailingZeros 方法中,我们使用 Number 类型的 toFixed 方法将输入框的值转换为保留指定精度的字符串,并再次转换为 Number 类型,从而去掉小数末尾的0。
阅读全文