小程序使用wxs解決wxml保留2位小數(shù)問題
更新時(shí)間：2019年12月13日 10:41:03 作者：詡小貝
這篇文章主要介紹了小程序使用wxs解決wxml保留2位小數(shù)問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
1.出現(xiàn)溢出表現(xiàn)
從圖中可以看到數(shù)字超出了很長(zhǎng)長(zhǎng)度。代碼里面是如下這樣的。為什么在0.35出現(xiàn)？或者一些相成的計(jì)算出現(xiàn)? 而 0.34卻不會(huì)。
0.41 也會(huì)出現(xiàn)，好像是二進(jìn)制運(yùn)算出現(xiàn)結(jié)果。
data: {
price:0.01,
num:35
},
wxml文件僅僅是處理一個(gè)相處的結(jié)果。
<view>
{{price*num}}
</view>
2.在wxml文件加入一個(gè)約束2位小數(shù)操作
在wxml文件里面創(chuàng)建一個(gè)方法，調(diào)用的時(shí)候就可以直接使用保留2位小數(shù)的問題了。創(chuàng)建一個(gè)wxs模塊，看如下的代碼，在模塊里面添加對(duì)應(yīng)的處理方法。
<view>
{{we.toFixed(price*num)}}
</view>
<wxs module="we">
var toFixed = function (value) {
return value.toFixed(2);
}
module.exports = {
toFixed :toFixed
}
</wxs>
經(jīng)過這個(gè)方法處理，小程序的運(yùn)算可以保留到2位小數(shù)了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本篇文章主要是對(duì)js與jquery獲取父元素,刪除子元素的兩種不同方法進(jìn)行了介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
javascript父子通信...2007-05-05
這篇文章主要介紹了2種JavaScript主要繼承方式，一種是通過原型的方式，一種是通過借用call&apply的構(gòu)造函數(shù)方式，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章介紹了JS簡(jiǎn)單的圖片放大縮小的兩種方法，有需要的朋友可以參考一下2013-11-11
js實(shí)現(xiàn)七夕表白彈幕效果 jQuery實(shí)現(xiàn)彈幕技術(shù)
這篇文章主要介紹了js實(shí)現(xiàn)七夕表白彈幕效果，jQuery實(shí)現(xiàn)彈幕技術(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
本文通過一段實(shí)例代碼給大家介紹了微信小程序日期選擇器的實(shí)現(xiàn)思路，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-07-07
這篇文章主要介紹了JS檢測(cè)移動(dòng)端橫豎屏的代碼,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
JS實(shí)現(xiàn)的驗(yàn)證身份證及獲取地區(qū)功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的驗(yàn)證身份證及獲取地區(qū)功能,結(jié)合實(shí)例形式分析了JS字符串、數(shù)組及正則操作相關(guān)技巧,需要的朋友可以參考下2017-01-01
javascript文件加載管理簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript文件加載管理簡(jiǎn)單實(shí)現(xiàn)方法,可實(shí)現(xiàn)順序加載所有js文件的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07
unicloud云開發(fā)進(jìn)階獲取首頁(yè)列表數(shù)據(jù)示例詳解
這篇文章主要為大家介紹了unicloud云開發(fā)進(jìn)階獲取首頁(yè)列表數(shù)據(jù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03