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

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

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

1. 使用

<view>￥{{(money*0.03).toFixed(2)}}手续费(费率3%)</view>

报错，无法直接使用，也不能调用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文件 src为相对路径，module指定当前模块的名称 -->
<wxs module="filter" src="./numberToFixed.wxs"></wxs>

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

<view>￥{{filter.numberToFixed(money*0.03)}}手续费(费率3%)</view>

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

网站标题：微信小程序在{{}}中怎么直接使用函数-创新互联
网站路径：https://www.cdcxhl.com/article28/cejocp.html

成都网站建设公司_创新互联，为您提供云服务器、ChatGPT、域名注册、品牌网站制作、网站建设、App开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联