微信小程序 使用wxs計算獲取到的數(shù)據(jù)

對于已經(jīng)獲取的數(shù)據(jù)往往還需要一點點小的計算,比如說兩個數(shù)相除只取兩位小數(shù)尺借。
wxs常用于數(shù)據(jù)處理比被。
WXS 代碼可以編寫在 wxml 文件中的 <wxs> 標(biāo)簽內(nèi)蚊伞,或以 .wxs 為后綴名的文件內(nèi)。

情況一 在使用的wxml中寫

適用于只在此文件中使用的模塊定義

step 1

定義這個模塊 寫好事件處理函數(shù) 并且暴露出去

<wxs module="m1">
  var getEvery = function(totle,each) {
    var eachPrice=(totle/each).toFixed(2);
    return eachPrice;
  }
  module.exports.getEvery = getEvery;
</wxs>
此代碼寫在了wxml文件中
每一個 .wxs 文件和 <wxs> 標(biāo)簽都是一個單獨的模塊援雇。
每個模塊都有自己獨立的作用域矛渴。
即在一個模塊里面定義的變量與函數(shù),默認(rèn)為私有的惫搏,對其他模塊不可見具温。
一個模塊要想對外暴露其內(nèi)部的私有變量與函數(shù),只能通過 module.exports 實現(xiàn)筐赔。

step 2

用在wxml中:模塊名.方法名(參數(shù)一 铣猩,參數(shù)二);參數(shù)為 page.js 里面的 array
<text wx:if="{{goods.childNum>1?'true':''}}">折算后單個: ¥{{m1.getEvery(goods.retailPriceJia,goods.childNum)}} </text>

即可茴丰。

情況二 在引用文件外邊定義

wxs 不依賴于運行時的基礎(chǔ)庫版本达皿,可以在所有版本的小程序中運行。所以不需要在意版本

step 1 .wxs 文件

在微信開發(fā)者工具里面贿肩,右鍵可以直接創(chuàng)建 .wxs 文件峦椰,在其中直接編寫 WXS 腳本。

step 2 單文件定義

可以暴露變量名和函數(shù)汰规,可以暴露一個汤功,也可以暴露多個

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 中的 <wxs> 標(biāo)簽引用。

step 3 在其他頁面使用

<wxs module="filt" src="../components/getfixed.wxs"></wxs>

<text class='items-price-now'>¥{{filt.toFixs(item.retailPriceJia)}}</text><text style='color:#989898;font-size:22rpx;'>/個</text><text class='items-price-old'>市場價:¥{{filt.toFixs(item.retailPrice)}}</text>

至此溜哮,完成滔金。

保留兩位小數(shù)效果實現(xiàn)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市茂嗓,隨后出現(xiàn)的幾起案子鹦蠕,更是在濱河造成了極大的恐慌,老刑警劉巖在抛,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钟病,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機肠阱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進店門票唆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人屹徘,你說我怎么就攤上這事走趋。” “怎么了噪伊?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵簿煌,是天一觀的道長。 經(jīng)常有香客問我鉴吹,道長姨伟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任豆励,我火速辦了婚禮夺荒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘良蒸。我一直安慰自己技扼,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布嫩痰。 她就那樣靜靜地躺著剿吻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪串纺。 梳的紋絲不亂的頭發(fā)上和橙,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天,我揣著相機與錄音造垛,去河邊找鬼魔招。 笑死,一個胖子當(dāng)著我的面吹牛五辽,可吹牛的內(nèi)容都是我干的办斑。 我是一名探鬼主播,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼杆逗,長吁一口氣:“原來是場噩夢啊……” “哼乡翅!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起罪郊,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蠕蚜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后悔橄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體靶累,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡腺毫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了挣柬。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片潮酒。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖邪蛔,靈堂內(nèi)的尸體忽然破棺而出急黎,到底是詐尸還是另有隱情,我是刑警寧澤侧到,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布勃教,位于F島的核電站,受9級特大地震影響匠抗,放射性物質(zhì)發(fā)生泄漏故源。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一戈咳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧壕吹,春花似錦著蛙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至咒劲,卻和暖如春顷蟆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背腐魂。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工帐偎, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蛔屹。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓削樊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親兔毒。 傳聞我的和親對象是個殘疾皇子漫贞,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容