微信小程序開發(fā)工具之使用wxs計(jì)算獲取到的數(shù)據(jù)

對于已經(jīng)獲取的數(shù)據(jù)往往還需要一點(diǎn)點(diǎn)小的計(jì)算，比如說兩個(gè)數(shù)相除只取兩位小數(shù)。

wxs常用于數(shù)據(jù)處理。 WXS 代碼可以編寫在 wxml 文件中的 標(biāo)簽內(nèi)，或以 .wxs 為后綴名的文件內(nèi)。情況一 在使用的wxml中寫適用于只在此文件中使用的模塊定義step 1定義這個(gè)模塊 寫好事件處理函數(shù) 并且暴露出去

 var getEvery = function(totle,each) {   

 var eachPrice=(totle/each).toFixed(2);   

 return eachPrice;  }  

module.exports.getEvery = getEvery;

此代碼寫在了wxml文件中 每一個(gè) .wxs 文件和 標(biāo)簽都是一個(gè)單獨(dú)的模塊。 每個(gè)模塊都有自己獨(dú)立的作用域。 即在一個(gè)模塊里面定義的變量與函數(shù)，默認(rèn)為私有的，對其他模塊不可見。 一個(gè)模塊要想對外暴露其內(nèi)部的私有變量與函數(shù)，只能通過 module.exports 實(shí)現(xiàn)。

step 2用在wxml中：模塊名.方法名（參數(shù)一 ，參數(shù)二）；

參數(shù)為 page.js 里面的 

array1?\'true\':\'\'}}>折算后單個(gè)： ¥

{

{

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

}

} 

即可。

情況二 在引用文件外邊定義wxs 不依賴于運(yùn)行時(shí)的基礎(chǔ)庫版本，可以在所有版本的小程序中運(yùn)行。所以不需要在意版本step 1 .wxs 文件在微信開發(fā)者工具里面，右鍵可以直接創(chuàng)建 .wxs 文件，在其中直接編寫 WXS 腳本。

step 2 單文件定義可以暴露變量名和函數(shù)，可以暴露一個(gè)，也可以暴露多個(gè)

var filters = { 

 toFix: function (value) {   

 return value.toFixed(2)//此處2為保留兩位小數(shù)  

}

}

var filt = {  

toFix: function (value) {    

return value.toFixed(1)

//此處1為保留1位小數(shù)  

}

}

module.exports = { 

 toFix: filters.toFix,  toFixs: filt.toFix

}

該 .wxs 文件可以被其他的 .wxs 文件 或 WXML 中的 標(biāo)簽引用。

step 3 在其他頁面使用

￥

{

{

filt.toFixs(item.retailPriceJia)

}

}

/個(gè)市場價(jià)：￥{{filt.toFixs(item.retailPrice)}}

至此，完成。 保留兩位小數(shù)效果實(shí)現(xiàn)。

以上是這篇微信小程序開發(fā)工具之使用wxs計(jì)算獲取到的數(shù)據(jù) ，更多微信小程序開發(fā)內(nèi)容，可以關(guān)注本網(wǎng)站，謝謝~

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