v-for 使用 filters 进行数据处理

我只会写Bug啊

发布于 2023-12-25 14:40:11

900

发布于 2023-12-25 14:40:11

使用filters将数据四舍五入保留两位小数

 <li class="food" v-for="(item,index) in carts">
 	 <div>
		<span style="color: #F03C03"> ￥{{item.price*item.count | filtersValue}}</span>
	</div>
 </li>

//过滤器 toFixed 四舍五入 保留两位
filters:{
	filtersValue:function(value){
		return value.toFixed(2);
},},

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

NumberObject.toFixed(num)

参数	描述
num	必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-12-25，如有侵权请联系 cloudcommunity@tencent.com 删除

数据处理