小程序开发 2022-02-19

微信小程序保留小数点后两位数的方法及转化为字符串的方法

涉及电商类的小程序二开时经常到上小数点后面一大串问题，原理：wxml中不能直接使用较高级的js语法，如‘.toFixed’，‘toString()’，但可以通过引入wxs模块实现效果

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

1.新建

1	filter.wxs

文件，

<span class="hljs-tag"><span class="hljs-string">放utils/目录下</span></span>

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


1
<span class="hljs-tag">&lt;<span class="hljs-name">wxs</span> <span class="hljs-attr">module</span>=<span class="hljs-string">"filters"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../../utils/filters.wxs"</span>&gt;&lt;/<span class="hljs-name">wxs</span>&gt;</span>

3.在WXML中使用

<view>

</view>

其他如toString(),toNumber()也可用此类似方法

如商品价格保留两位小数，原代码及修改后有代码对应如下

修改小数前格式样式 {{item.price*item.num}}

修改后样式 {{filters.toFix(item.price*item.num)}}

小程序

服务声明：本网站所有发布的源码、软件和资料均为作者提供或网友推荐收集各大资源网站整理而来，仅供功能验证和学习研究使用,您必须在下载后24小时内删除。不得使用于非法商业用途，不得违反国家法律，否则后果自负！一切关于该资源商业行为与本站无关。如果您喜欢该程序，请购买正版源码，能得到更好的正版售后服务。如有侵犯你的版权合法权益，请邮件或QQ与我们联系处理（邮箱:3089659733@qq.com），本站将立即删除改正。

播播资源 » 微信小程序保留小数点后两位数的方法及转化为字符串的方法

分享到：

发表回复