<template> <div class="consumption"> <p>{{payTime|Time}}</p> <p class="orange">-{{amount|NumFormat}}元</p>> </div> </template> <script> export default { data() { return { payTime:‘2019-10-26T16:02:51’, amount:‘12’ } }, filters: { // 时间格式的转换 Time(value) { var dateee = new Date(value).toJSON(); var date = new Date(+new Date(dateee)+8*3600*1000).toISOString().replace(/T/g,' ').replace(/.[d]{3}Z/,'') return date }, // 金额显示.00格式 NumFormat: function (value) { if(!value) return '0.00' value = value.toFixed(2) var intPart = Math.trunc(value)// 获取整数部分 var intPartFormat = intPart.toString().replace(/(d)(?=(?:d{3})+$)/g, '$1,') // 将整数部分逢三一断 var floatPart = '.00' // 预定义小数部分 var value2Array = value.split('.') // =2表示数据有小数位 if(value2Array.length === 2) { floatPart = value2Array[1].toString() // 拿到小数部分 if(floatPart.length === 1) { // 补0,实际上用不着 return intPartFormat + '.' + floatPart + '0' } else { return intPartFormat + '.' + floatPart } } else { return intPartFormat + floatPart } } } } </script>
注,该代码是在之前别人博客上面看到的 之前写项目的时候用到,原著现在我也不清楚