v-model.number保留两位小数
时间: 2023-11-19 15:10:59 浏览: 101
保留两位小数
在使用v-model.number指令时,可以使用JavaScript的toFixed()方法来保留两位小数。例如:
```html
<template>
<div>
<input type="number" v-model.number="num" @input="formatNum">
</div>
</template>
<script>
export default {
data() {
return {
num: 0
}
},
methods: {
formatNum() {
this.num = Number(this.num.toFixed(2));
}
}
}
</script>
```
在这个例子中,我们首先使用v-model.number指令将输入框的值绑定到num变量上。然后,我们在输入框的@input事件中调用formatNum方法来格式化num变量,将其保留两位小数。具体地,我们使用JavaScript的toFixed()方法将num变量转换为字符串,并保留两位小数,然后使用Number()方法将其转换为数字类型。最后,将格式化后的num变量重新赋值给输入框的v-model指令,完成保留两位小数的操作。
阅读全文