本篇内容主要讲解“微信小程序在{{ }}中怎么直接使用函数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序在{{ }}中怎么直接使用函数”吧!1. 使用<view>¥{{(m
本篇内容主要讲解“微信小程序在{{ }}中怎么直接使用函数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序在{{ }}中怎么直接使用函数”吧!
<view>¥{{(money*0.03).toFixed(2)}}手续费(费率3%)</view>
报错,无法直接使用,也不能调用js中的方法。
既然{{}}中无法调用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>
到此,相信大家对“微信小程序在{{ }}中怎么直接使用函数”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
--结束END--
本文标题: 微信小程序在{{ }}中怎么直接使用函数
本文链接: https://www.lsjlt.com/news/252390.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0