很多时候,我们在做小程序页面时,会遇到这样的问题:wxml页面取整怎么办?wxml页面保留几位小数怎么办?我自己在写小程序页面时,也遇到过这样的问题,今天我就将这些问题的解决办法写出来,让有这种问题困扰的小伙伴们可以多一条解决办法。
1、wxml数据如何取整呢?
在js中,我们转化为整数可以用parseInt()方法,转化为小数用parseFloat()方法,转为数字用Number(),但是,在wxml页面中,转为整数的方法是什么呢?请看下面的代码:
<view>{{text|Int}}</view>
js代码
data:{
text:'123.1223423245346757568'
},
返回的结果是:123
2、wxml数据保留两位小数:
在js中,我们保留小数用的方法是toFixed(num),num为几,就保留几位小数。那么如果直接操作wxml页面呢。我们怎么做呢?
新建一个wxs页面,代码如下:
var filters = {
toFix: function (value) {
return value.toFixed(2)//此处2为保留两位小数,保留几位小数,这里写几
}
}
module.exports = {
toFix: filters.toFix
}
完后我们需要引入wxs页面,调用它里面的方法即可:
<wxs module="filters" src="../toFixed.wxs"></wxs>
<view>{{ filters.toFix(resultMoney * ratio/ 100) }}</text>小金</view>
js中:
data:{
resultMoney :10.123451243,
ratio:8.2
}
返回的结果是:0.83