铜仁微信小程序保留小数点后两位数的方法及转化为字符串的方法-易舟软件

涉及电商类的小程序二开时经常到上小数点后面一大串题目，原理：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)}}

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

相关新闻

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