在微信小程序开发中,遇到了在WXML页面中需要保存小数点后2位,而且这个数字是通过list的item中的两个或多个值计算出来的,这样的情景不要在js中先计算好数值然后保留2位小数(这种方式需要全部遍历列表,然后计算数值后保存到一个变量中,再更新页面,不优雅)
这样自然会想到,在WXML中使用toFixed来保留2位小数不行吗,答案是不行的,toFixed是JavaScript 中的方法,在WXML中直接使用会编译不过。

微信小程序提供了WXS
WXS
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。
WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。
WXS是可以使用toFixed方法的。接下来记一下使用方法
先在utils中创建一个文件numberToFixed.wxs,然后编写封装toFixed的方法,传入需要格式化的值value,以及需要保留的小数点位数num
var numberToFixed = function

在微信小程序开发中,遇到需要在WXML页面中显示计算后保留小数点后两位的数值,由于toFixed方法不能在WXML中直接使用,作者提出利用WXS(WeiXinScript)解决此问题。通过创建一个名为numberToFixed的WXS文件,封装toFixed方法,然后在WXML中引用并调用该方法,实现了在模板层直接处理数值格式化,提高了代码的优雅性。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



