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

2023-12-25 14:40:11 浏览数 (1)

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

代码语言:javascript复制
 <li class="food" v-for="(item,index) in carts">
 	 <div>
		<span style="color: #F03C03"> ¥{{item.price*item.count | filtersValue}}</span>
	</div>
 </li>
代码语言:javascript复制
//过滤器 toFixed 四舍五入 保留两位
filters:{
	filtersValue:function(value){
		return value.toFixed(2);
},},

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

代码语言:javascript复制
NumberObject.toFixed(num)

参数

描述

num

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

0 人点赞