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

小程序截图

方法一: 引入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中的数据绑定。

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

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

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

评论 抢沙发

实践是学习的最佳途径

了解更多联系我们
切换注册

登录

忘记密码 ?

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

切换登录

注册

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