vue数字加逗号分隔
带小数的数字三位一分隔
filters: { num: (val, fix = 2) => { if (val !== 0) { val = Number(val) // 字符串转为数字,目标数据为数字可不转 val = '' + val.toFixed(2) // 保留两位小数并转为字符串 let int = val.slice(0, fix * -1 - 1) // 获取整数 let ext = val.slice(fix * -1 - 1) // 获取到小数 int = int.split('').reverse().join('') // 翻转整数 let temp = '' // 临时变量 for (let i = 0; i < int.length; i++) { temp += int[i] if ((i + 1) % 3 === 0 && i !== int.length - 1) { temp += ',' // 每隔3个数字拼接一个逗号 } } temp = temp.split('').reverse().join('') // 加完逗号之后翻转 temp = temp + ext // 整数小数拼接 return temp // 返回 } else { return val } } }
整数三位一分隔
filters: { num: (val) => { val = '' + val // 转换成字符串 let int = val int = int.split('').reverse().join('') // 翻转整数 let temp = '' // 临时变量 for (let i = 0; i < int.length; i++) { temp += int[i] if ((i + 1) % 3 === 0 && i !== int.length - 1) { temp += ',' // 每隔三个数字拼接一个逗号 } } temp = temp.split('').reverse().join('') // 加完逗号之后翻转 return temp // 返回 } }
使用
{{name | num}}
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
© 版权声明
本站所有资源来自于网络,仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您(转载者)自己承担!
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
如有侵犯您的版权,请及时联系3500663466#qq.com(#换@),我们将第一时间删除本站数据。
THE END
暂无评论内容