vue使用filter过滤器优化价格格式

袁丢丢

于 2020-08-04 13:49:22 发布

阅读量612

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签：过滤器 vue

本文链接：https://blog.csdn.net/qq_39566536/article/details/107781674

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在Vue项目中创建并使用一个自定义的金钱格式化过滤器。通过moneyFilter.js文件导出的toMoney函数，可以将数字转换为固定两位小数的货币格式。在Vue组件中引入该过滤器，并通过模板语法应用到价格显示上，实现对价格数据的统一格式化处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

filter中的js
moneyFilter.js：

export function toMoney(money){
	if(money){
		money = money.toFixed(2)
	}else{
		money = 0;
		money = money.toFixed(2)
	}
	return money;
}

vue文件使用：

// template:
<p>￥{{price | moneyfilter}}</p>
// script: 
import {toMoney} from '@/filter/moneyFilter.js' 
export default{
	filters:{
		moneyfilter(money){
			return toMoney(money)
		}
	}
}