微信小程序金额千分位

本文介绍了如何在Weex Script (wxs) 文件中使用JavaScript编写一个格式化数字为千分位的公共方法,适用于Vue类似过滤器,通过`format` 函数处理输入的金额并确保其正确显示。
摘要由CSDN通过智能技术生成

记录一下,也希望帮到有需要的人,也是在网上东拼西凑来的

金额(数字)千分位,公共方法,需要用到.wxs文件,类似于vue的过滤器

var unit = {
    format: function (n = 0.00) {
        if ((typeof n == 'string' || typeof n == 'number') && !isNaN(n)) {
            n = parseFloat(n).toFixed(2)
            var r = getRegExp('(\d{1,3})(?=(\d{3})+(?:\.))', 'g')
            var p = n.replace(r, "$1,")
            return p
        } else {
            console.log(n, '不是一个数字', !isNaN(n))
        }
    }
}
module.exports = { format: unit.format }

注意:wxs 文件不同于 js 文件,声明变量要用 var,使用 let 会报错,正则也要用 getRegExp() 的形式

[渲染层错误] ReferenceError: let is not defined

wxml 中使用

module 是别名,src指向你的wxs文件

<wxs module="unit" src="/filte/format.wxs"></wxs>

页面输出

unit 就是上面 module 的别名,price 是传入的数字

<view>{{unit.format(price)}}</view>

小尾巴:暂时这么多,有错误或不清楚的请留言┗( ▔, ▔ )┛┗( ▔, ▔ )┛┗( ▔, ▔ )┛

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值