微信小程序在{{}}中怎么直接使用函数-创新互联

本篇内容主要讲解“微信小程序在{{ }}中怎么直接使用函数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序在{{ }}中怎么直接使用函数”吧!

成都创新互联公司是一家集网站建设,宾阳企业网站建设,宾阳品牌网站建设,网站定制,宾阳网站建设报价,网络营销,网络优化,宾阳网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1. 使用

¥{{(money*0.03).toFixed(2)}}手续费(费率3%)

微信小程序在{{ }}中怎么直接使用函数

报错,无法直接使用,也不能调用js中的方法。

2. 解决方案

既然{{}}中无法调用js中的函数,那该怎么办呢?微信提出了一种新的概念,WXS(WeiXin Script) ,小程序的一套脚本语言,可以在WXML的{{}}中调用.wxs的方法。

我们新建一个.wxs文件

// 支持es4语法
var filter = {
	numberToFixed: function(value){
		return value.toFixed(2)
	}
}
// 导出对外暴露的属性
module.exports = {
	numberToFixed: filter.numberToFixed
}

在.wxml中引入文件:


在{{}}中调用.wxs模块中的方法:

¥{{filter.numberToFixed(money*0.03)}}手续费(费率3%)

微信小程序在{{ }}中怎么直接使用函数

到此,相信大家对“微信小程序在{{ }}中怎么直接使用函数”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


名称栏目:微信小程序在{{}}中怎么直接使用函数-创新互联
标题路径:http://azwzsj.com/article/cejocp.html