欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序在{{ }}中直接使用函數(shù)的方法示例

 更新時(shí)間:2021年06月30日 11:38:55   作者:Halo_yam  
最近在學(xué)習(xí)微信小程序,在學(xué)習(xí)中遇到了一些問題,所以進(jìn)行了總結(jié)了下,這篇文章主要給大家介紹了關(guān)于微信小程序在{{ }}中直接使用函數(shù)的相關(guān)資料,需要的朋友可以參考下

前言

在微信小程序開發(fā)中(原生wxml、wxcss),想直接在{{ }}調(diào)用方法處理數(shù)據(jù), 但是會(huì)報(bào)錯(cuò)。如:在項(xiàng)目中涉及到百分比的計(jì)算,js浮點(diǎn)數(shù)運(yùn)算會(huì)出現(xiàn)精度問題,造成小數(shù)位數(shù)過多,因此想在模板語法中對(duì)值進(jìn)行相應(yīng)的處理。

1. 使用

<view>¥{{(money*0.03).toFixed(2)}}手續(xù)費(fèi)(費(fèi)率3%)</view>

報(bào)錯(cuò),無法直接使用,也不能調(diào)用js中的方法。

2. 解決方案

既然{{}}中無法調(diào)用js中的函數(shù),那該怎么辦呢?微信提出了一種新的概念,WXS(WeiXin Script) ,小程序的一套腳本語言,可以在WXML的{{}}中調(diào)用.wxs的方法。

我們新建一個(gè).wxs文件

// 支持es4語法
var filter = {
	numberToFixed: function(value){
		return value.toFixed(2)
	}
}
// 導(dǎo)出對(duì)外暴露的屬性
module.exports = {
	numberToFixed: filter.numberToFixed
}

在.wxml中引入文件:

<!-- 引入.wxs文件 src為相對(duì)路徑,module指定當(dāng)前模塊的名稱 -->
<wxs module="filter" src="./numberToFixed.wxs"></wxs>

在{{}}中調(diào)用.wxs模塊中的方法:

<view>¥{{filter.numberToFixed(money*0.03)}}手續(xù)費(fèi)(費(fèi)率3%)</view>

總結(jié)

從vue到小程序,寫頁面最大的感覺就是,之前vue能用computed實(shí)現(xiàn)的一些處理或者methods的方法,可以直接在{{}}中調(diào)用,處理某些數(shù)據(jù)很便捷。微信推出WXS也是彌補(bǔ)了小程序{{}}中不能直接使用js中的方法的不足。另一方面也是提高了小程序的性能,各司其職。

到此這篇關(guān)于微信小程序在{{ }}中直接使用函數(shù)的文章就介紹到這了,更多相關(guān)微信小程序{{ }}使用函數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子

    javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子

    這篇文章介紹了javascript 實(shí)現(xiàn)鍵盤上下左右功能的小例子,有需要的朋友可以參考一下
    2013-09-09
  • JavaScript實(shí)現(xiàn)大文件分片上傳處理

    JavaScript實(shí)現(xiàn)大文件分片上傳處理

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)大文件分片上傳處理,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • JS button按鈕實(shí)現(xiàn)submit按鈕提交效果

    JS button按鈕實(shí)現(xiàn)submit按鈕提交效果

    今天在使用表單是同時(shí)使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交,所以想到的實(shí)現(xiàn)方法就是 使用button實(shí)現(xiàn),怎么實(shí)現(xiàn)呢?下面小編給大家分享JS button按鈕實(shí)現(xiàn)submit按鈕提交效果,感興趣的朋友參考下吧
    2016-11-11
  • 微信小程序使用第三方庫Immutable.js實(shí)例詳解

    微信小程序使用第三方庫Immutable.js實(shí)例詳解

    Immutable 是 Facebook 開發(fā)的不可變數(shù)據(jù)集合。不可變數(shù)據(jù)一旦創(chuàng)建就不能被修改,是的應(yīng)用開發(fā)更簡(jiǎn)單,允許使用函數(shù)式編程技術(shù),比如惰性評(píng)估。微信小程序無法直接使用Immutable.js,下面就來說說微信小程序如何使用第三方庫Immutable.js。
    2016-09-09
  • JavaScript實(shí)現(xiàn)倒計(jì)時(shí)功能2種方法實(shí)例

    JavaScript實(shí)現(xiàn)倒計(jì)時(shí)功能2種方法實(shí)例

    很多網(wǎng)站在做活動(dòng)時(shí)會(huì)出現(xiàn)一個(gè)截止時(shí)間倒計(jì)時(shí)的提示,下面這篇文章主要給大家介紹了JavaScript實(shí)現(xiàn)倒計(jì)時(shí)功能2種方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • uni-app的iPhonex底部安全區(qū)域解決方案

    uni-app的iPhonex底部安全區(qū)域解決方案

    這篇文章主要為大家介紹了uni-app的iPhonex底部安全區(qū)域解決方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • layui獲取多選框中的值方法

    layui獲取多選框中的值方法

    今天小編就為大家分享一篇layui獲取多選框中的值方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 大轉(zhuǎn)盤抽獎(jiǎng)小程序版 轉(zhuǎn)盤抽獎(jiǎng)網(wǎng)頁版

    大轉(zhuǎn)盤抽獎(jiǎng)小程序版 轉(zhuǎn)盤抽獎(jiǎng)網(wǎng)頁版

    這篇文章主要為大家詳細(xì)介紹了大轉(zhuǎn)盤抽獎(jiǎng)小程序版和網(wǎng)頁版,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-01-01
  • 微信小程序-小說閱讀小程序?qū)嵗╠emo)

    微信小程序-小說閱讀小程序?qū)嵗╠emo)

    本篇文章主要介紹了微信小程序-閱讀小程序?qū)嵗╠emo),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-01-01
  • 微信小程序引入map組件并在地圖上標(biāo)點(diǎn)的實(shí)現(xiàn)代碼

    微信小程序引入map組件并在地圖上標(biāo)點(diǎn)的實(shí)現(xiàn)代碼

    這篇文章主要介紹了微信小程序引入map組件并在地圖上標(biāo)點(diǎn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-10-10

最新評(píng)論