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

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

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

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

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


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

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设公司 成都网站建设公司 成都网站制作 成都网站制作 成都网站建设 网站建设公司 成都网站建设 企业网站建设 成都网站设计 成都品牌网站设计 成都网站建设 成都商城网站制作 成都网站建设推广 盐亭网站设计 营销网站建设 成都网站制作 高端网站设计 重庆网站建设 定制网站建设 成都网站建设公司 成都网站建设 自适应网站设计