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

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

创新互联建站一直在为企业提供服务,多年的磨炼,使我们在创意设计,成都营销网站建设到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十年以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务电信内江机房app软件定制开发、手机移动建站、网页设计、网络整合营销。

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%)

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

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


本文题目:微信小程序在{{}}中怎么直接使用函数
标题URL:http://ybzwz.com/article/gjjhhh.html