小程序wxml的取值問題

很多時候，我們在做小程序頁面時，會遇到這樣的問題：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