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

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

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

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>

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

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[