vue保留两位小数不显示小数点后的0
时间: 2023-06-15 12:03:59 浏览: 355
vue 保留两位小数 不能直接用toFixed(2) 的解决
可以使用Vue的过滤器来实现这个需求。以下是一个例子:
```html
<template>
<div>
{{ price | toFixed }}
</div>
</template>
<script>
export default {
data() {
return {
price: 10.5
}
},
filters: {
toFixed(value) {
return parseFloat(value).toFixed(2).replace(/\.0+$/, '');
}
}
}
</script>
```
这个例子中,我们使用了Vue的过滤器 `toFixed` 来格式化价格,并且使用正则表达式来去掉小数点后面多余的0。在模板中使用 `{{ price | toFixed }}` 来将价格格式化并渲染到页面上。
阅读全文