微信小程序開發(fā)工具之使用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 里面的 

array1?\'true\':\'\'}}>折算后單個： ¥

{

{

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

}

} 

即可。

情況二 在引用文件外邊定義wxs 不依賴于運行時的基礎庫版本，可以在所有版本的小程序中運行。所以不需要在意版本step 1 .wxs 文件在微信開發(fā)者工具里面，右鍵可以直接創(chuàng)建 .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)}}

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

以上是這篇微信小程序開發(fā)工具之使用wxs計算獲取到的數據 ，更多微信小程序開發(fā)內容，可以關注本網站，謝謝~

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。更多小程序請查看：小程序商店