小程式如何使用wxs計算所獲得的數據

本篇文章介紹了小程式中使用wxs計算所獲得的數據，透過wxs程式碼可以將寫好的事件函數暴露出去並在wxml中進行呼叫。

小程式如何使用wxs計算所獲得的資料

對於已經取得的資料往往還需要一點點小的計算，比如說兩個數相除只取兩位小數。

wxs常用於資料處理。 WXS 程式碼可以寫在 wxml 檔案中的 標籤內，或以 .wxs 為後綴名的檔案內。情況一在使用的wxml中寫適用於只在此文件中使用的模組定義

step、1定義這個模組寫好事件處理函數並且暴露出去

var getEvery = function(totle,each) {   
 var eachPrice=(totle/each).toFixed(2);   
 return eachPrice; 
}  
module.exports.getEvery = getEvery;

（推薦學習：小程式開發）

此程式碼寫在了wxml檔案中每一個.wxs 檔案和標籤都是一個單獨的模組。每個模組都有自己獨立的作用域。即在一個模組裡面定義的變數與函數，預設為私有的，對其他模組不可見。一個模組要對外暴露其內部的私有變數與函數，只能透過 module.exports 實現。

step 2、用在wxml中：模組名稱.方法名稱（參數一，參數二）；

參數為page.js 裡面的 

{{m1.getEvery(goods.retailPriceJia,goods.childNum)}}

即可。

情況二 在引用檔案外邊定義wxs 不依賴執行時間的基礎庫版本，可以在所有版本的小程式中運作。所以不需要在意版本step 1 .wxs 文件在微信開發者工具裡面，右鍵可以直接建立 .wxs 文件，在其中直接寫 WXS 腳本。

step 2 單一檔案定義可以暴露變數名稱和函數，可以暴露一個，也可以暴露多個

var filters = { 
 toFix: function (value) {   
     return value.toFixed(2)//此处2为保留两位小数  
  }
}
var filt = {  
    toFix: function (value) {    
    return value.toFixed(1)
        //此处1为保留1位小数  
    }
}
module.exports = { 
 toFix: filters.toFix,  toFixs: filt.toFix
}

該.wxs 檔案可以被其他的.wxs 檔案或WXML 中的標籤引用。

step 3、在其他頁面使用

￥{{filt.toFixs(item.retailPriceJia)}}/个市场价：￥{{filt.toFixs(item.retailPrice)}}

至此，完成。保留兩位小數效果實現。

PHP中文網，大量免費jquery影片教學，歡迎線上學習！

以上是小程式如何使用wxs計算所獲得的數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！