开发遇到一个小数点问题,在wxml里面做减法计算优惠金额,计算结果显示过长,后来发现可以用wxs解决,文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/
未处理页面如下:
思路如下:
使用到wxs文件,然后在wxs文件里面添加numberToFix函数;然后在需要使用numberToFix方法的wxml页面引入该wxs文件,然后就可以通过{{numberToFix(persent)}}这种方式调用了
创建一个numbertofix.wxs文件,创建numberToFix函数
var filter = {
numberToFix: function (value) {
return value.toFixed(1)
}
}
module.exports = {
numberToFix: filter.numberToFix
}
在需要使用numberToFix函数的页面引入numbertofix.wxs文件
<wxs module="filter" src="../../utils/numbertofix.wxs"></wxs>
在wxml直接调用即可
<text class='right'>-¥{{filter.numberToFix(orderdata.originalPrice - orderdata.actualPrice)}}
</text>
运行工结果