首页 > 上网技巧 > 电脑小技巧 > 在微信小程序wxml中设置保留小数位数

在微信小程序wxml中设置保留小数位数

时间:2019-02-14 09:54 作者:QQ地带 我要评论

比如:
 
<view class="">{{ 1.11 * 5 }} </view>
结果是  5.550000000000001 
 
如果在wxml中用 toFixed方法会小程序报错
 
<view class="">{{ (1.11*5).toFixed(2) }} </view>  //报错
解决办法如下:
1,在当前目录下新建一个wxs文件
 
var filters = {
  toFix: function (value) {
    return value.toFixed(2)//此处2为保留两位小数
  }
}
module.exports = {
  toFix: filters.toFix
}
2,在wxml文件中引入
 
<wxs module="filters" src="./filename.wxs"></wxs>
下面计算的代码修改为
 
<view class=""> {{filters.toFix(1.11 * 5)}}</view>
就OK了!!

标签: 微信小程序
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告