好物推荐
技巧分享

微信小程序保留两位小数的方法

小程序截图

方法一: 引入wxs模块实现效果

原理:wxml中不能直接使用较高级的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现效果

1.在utils目录下新建filter.wxs

var filters = {    
    toFix: function (value) {       
        return value.toFixed(2) // 此处2为保留两位小数,保留几位小数,这里写几    
    },
    toStr: function (value) {       
        return value.toString()
    },
    toNum: function (value) {       
        return value.toNumber()
    },
}
 
module.exports = {   
    toFix: filters.toFix,
    toStr: filters.toStr,
    toNum: filters.toNum,//暴露接口调用
}

2.WXML中引入WXS

<wxs module="filters" src="../../utils/filters.wxs"></wxs>

3.在WXML中使用

<view>{{ filters.toFix(price) }}</view>

以上方法木子木子亲测有效,但是我更改了数据储存方式全部为data里面后会出现输入数据被删除的现象,因此推荐使用微信内置的方法来处理小数(即方法二)。

方法二:用.toFixed(2)

this.setData({
  zzl: ((y3 / y2 - 1) * 100).toFixed(2)
});

这种方法比较简单,也不会影响wxml中的数据绑定。

未经允许不得转载:蓝色创想 » 微信小程序保留两位小数的方法

分享到: 生成海报
本站源码仅供学习交流,如需商用请在官方购买正版。技术服务为增值服务。如有问题看联系站长QQ:1305675066

热门文章

  • 实践是学习的最佳途径

    了解更多开通会员
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活

    本站出售,价格优惠!(不含服务器)

    联系站长