标签:vue 格式化 int value var currency slice 组件 decimals
vue中格式化金额组件
尤雨溪git下载,这里是引入
const digitsRE = /(\d{3})(?=\d)/g
export function currency(value, currency, decimals) {
value = parseFloat(value)
if (!isFinite(value) || (!value && value !== 0)) return ''
currency = currency != null ? currency : '$'
decimals = decimals != null ? decimals : 2
var stringified = Math.abs(value).toFixed(decimals)
var _int = decimals ?
stringified.slice(0, -1 - decimals) :
stringified
var i = _int.length % 3
var head = i > 0 ?
(_int.slice(0, i) + (_int.length > 3 ? ',' : '')) :
''
var _float = decimals ?
stringified.slice(-1 - decimals) :
''
var sign = value < 0 ? '-' : ''
return sign + currency + head +
_int.slice(i).replace(digitsRE, '$1,') +
_float
}
使用
导入js文件,因为是根据函数名导出,所以,导入需要进行解构
import { currency } from "@/util/currency";
export default {
.........
// 局部过滤器
filters: {
currency: currency,
},
}
格式化组件使用
<div class="item-total">
<span>{{totalPrice | currency('$')}}</span>
</div>
标签:vue,格式化,int,value,var,currency,slice,组件,decimals 来源: https://blog.csdn.net/weixin_46002223/article/details/119118137
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。