背景
在原生小程序的項目中或有這種需求,就是在wxml頁面中調(diào)用方法
但是微信原生小程序無法直接使用像vue里面的計算屬性,監(jiān)聽啦啥的這種,也不能調(diào)用js中的方法。?文章來源:http://www.zghlxwxcb.cn/news/detail-600089.html
解決方法
既然{{}}中無法調(diào)用js中的函數(shù),那該怎么辦呢?微信提出了一種新的概念,WXS(WeiXin Script)?,小程序的一套腳本語言,可以在WXML的{{}}中調(diào)用.wxs的方法。文章來源地址http://www.zghlxwxcb.cn/news/detail-600089.html
1.新建一個.wxs文件
// 支持es4語法
var filter = {
numberToFixed: function(value){
return value.toFixed(2)
}
}
// 導(dǎo)出對外暴露的屬性
module.exports = {
numberToFixed: filter.numberToFixed
}
2.在.wxml中引入文件
<!-- 引入.wxs文件 src為相對路徑,module指定當(dāng)前模塊的名稱 -->
<wxs module="filter" src="./numberToFixed.wxs"></wxs>
3.在{{}中調(diào)用.wxs模塊中的方法:
<view>¥{{filter.numberToFixed(cashMoney*0.02)}}手續(xù)費(費率2%)</view>
到了這里,關(guān)于微信小程序:如何在{{}}中使用函數(shù)?WXML+WXS的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!