小程序使用wxs解决wxml保留2位小数问题
1.出现溢出表现
从图中可以看到数字超出了很长长度。代码里面是如下这样的。为什么在0.35出现？或者一些相成的计算出现? 而 0.34却不会。
0.41 也会出现，好像是二进制运算出现结果。
data: {
price:0.01,
num:35
},
wxml文件仅仅是处理一个相处的结果。
<view>
{{price*num}}
</view>
2.在wxml文件加入一个约束2位小数操作
在wxml文件里面创建一个方法，调用的时候就可以直接使用保留2位小数的问题了。创建一个wxs模块，看如下的代码，在模块里面添加对应的处理方法。
<view>
{{we.toFixed(price*num)}}
</view>
<wxs module="we">
var toFixed = function (value) {
return value.toFixed(2);
}
module.exports = {
toFixed :toFixed
}
</wxs>
经过这个方法处理，小程序的运算可以保留到2位小数了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍java、freemarker保留两位小数，包括了java、freemarker保留两位小数的使用技巧和注意事项，需要的朋友参考一下 一、Java保留2位小数 二、freemarker保留两位小数 补充：freemarker保留小数 freemarker保留两位小数 方法一 #{number ;m1M2} m 最少几位小数，M最多几位小数 方法二 ${x?stri
-
我想四舍五入任何双到一个字符串2小数位在Java。我尝试过使用十进制格式，但它没有给出预期的结果。任何帮助将不胜感激。 Ex： I/P：3402100.5323 我想将其转换为： O/P： 34.02 我尝试过使用DecimalFormat（“###，##，##，###0.00”，新的DecimalFormatSymbols（Locale.US））但结果是340210.53，而我希望它输出34.0
-
本文向大家介绍微信小程序 教程之WXML，包括了微信小程序 教程之WXML的使用技巧和注意事项，需要的朋友参考一下 系列文章： 微信小程序 教程之WXSS 微信小程序 教程之引用 微信小程序 教程之事件 微信小程序 教程之模板 微信小程序 教程之列表渲染 微信小程序 教程之条件渲染 微信小程序 教程之数据绑定 微信小程序 教程之WXML WXML WXML(WeiXin Markup Langua
-
我想把一个数字四舍五入到小数点后2位，但也保留后面的2个零，例如425.1382到425.1400，我在下面的例子中尝试过，但它似乎不起作用 或
-
本文向大家介绍微信小程序 WXML、WXSS 和JS介绍及详解，包括了微信小程序 WXML、WXSS 和JS介绍及详解的使用技巧和注意事项，需要的朋友参考一下 前几天折腾了下。然后列出一些实验结果，供大家参考。 0. 使用开发工具模拟的和真机差异还是比较大的。也建议大家还是真机调试比较靠谱。 1. WXML(HTML) 1.1 小程序的WXML没有HTML的宽容度那么高，单标签必需是 /> 结尾
-
本文向大家介绍微信小程序 WXML节点信息查询详解，包括了微信小程序 WXML节点信息查询详解的使用技巧和注意事项，需要的朋友参考一下 1、节点信息查询 总结： 第一步，返回节点查询对象： const query = wx.createSelectorQuery(); 第二步，查询对象执行查询，返回节点对象： query .in(this);//返回节点查询对象【如果要限定组件范围则需要】 sel