小程序使用wxs解決wxml保留2位小數(shù)問題
1.出現(xiàn)溢出表現(xiàn)
從圖中可以看到數(shù)字超出了很長長度。代碼里面是如下這樣的。為什么在0.35出現(xiàn)?或者一些相成的計算出現(xiàn)? 而 0.34卻不會。
0.41 也會出現(xiàn),好像是二進制運算出現(xiàn)結(jié)果。
data: { price:0.01, num:35 },
wxml文件僅僅是處理一個相處的結(jié)果。
<view> {{price*num}} </view>
2.在wxml文件加入一個約束2位小數(shù)操作
在wxml文件里面創(chuàng)建一個方法,調(diào)用的時候就可以直接使用保留2位小數(shù)的問題了。創(chuàng)建一個wxs模塊,看如下的代碼,在模塊里面添加對應(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)過這個方法處理,小程序的運算可以保留到2位小數(shù)了。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
一文帶你掌握J(rèn)avaScript中的箭頭函數(shù)
在JavaScript中,箭頭函數(shù)是一種簡化的函數(shù)語法,它在ES6(ECMAScript?2015)引入,本文就來和大家深入講講JavaScript中的箭頭函數(shù)的使用吧2023-05-05javascript中的相等操作符(==與===區(qū)別)
這篇文章主要介紹了javascript中的相等操作符(==與===區(qū)別),需要的朋友可以參考下2019-12-12詳解JS如何使用Promise緩存網(wǎng)絡(luò)請求
網(wǎng)絡(luò)請求是現(xiàn)代Web應(yīng)用中的常見操作,很多時候需要獲取服務(wù)器上的數(shù)據(jù),在進行網(wǎng)絡(luò)請求時,為了減輕服務(wù)器的壓力,緩存策略常被用來避免對同一數(shù)據(jù)的重復(fù)請求,本文將探討如何使用Promise結(jié)合緩存來高效處理網(wǎng)絡(luò)請求,需要的朋友可以參考下2023-12-12利用js+css+html實現(xiàn)固定table的列頭不動
本文分享了利用js+css+html實現(xiàn)固定table的列頭不動的實例代碼。小編認(rèn)為具有很好的參考價值,感興趣的朋友可以看下2016-12-12javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法
這篇文章主要介紹了javascript將扁平的數(shù)據(jù)轉(zhuǎn)為樹形結(jié)構(gòu)的高效率算法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02JS小功能(checkbox實現(xiàn)全選和全取消)實例代碼
這篇文章主要介紹了checkbox實現(xiàn)全選和全取消實例代碼,有需要的朋友可以參考一下2013-11-11webpack圖片轉(zhuǎn)為base64的實現(xiàn)示例
在開發(fā)過程中,圖片轉(zhuǎn)成base64是常有的事,本文主要介紹了webpack圖片轉(zhuǎn)為base64的實現(xiàn)示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-12-12