微信小程序-(九)WXS脚本

本文最后更新于:March 28, 2022 pm

微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,微信小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。

目录

基础语法

内嵌WXS脚本

wxs代码可以编写在wxml文件中的 <wxs> 标签内,类似于JS代码在html文件中一样。wxml文件中的每个 <wxs> 标签,必须提供 module 属性,用来指定当前wxs的模块名称,方便在wxml中访问模块中的成员。

示例:

1
2
3
4
5
6
7
<view>{{ttf.toUP('loong')}}</view>

<wxs module="ttf">
module.exports.toUP=function(ev){
return ev.toUpperCase()
}
</wxs>

外联WXS脚本

和创建JS文件一样。可以把wxs代码写在以 .wxs 为后缀名的文件内。

定义

创建 .wxs 为后缀名的文件。

1
2
3
4
5
6
7
8
//tools.wxs
function toUp(str){
return str.toUpperCase()
}

module.exports = {
toUp: toUp
}

使用

在wxml中引入外联的wxs脚本时,必须为 <wxs> 标签添加 module 和 src 属性,其中:

  • module 用来指定模块的名称。
  • src 用来指定要引入的脚本的路径,且必须是相对路径。
1
2
3
<!--pages/message/message.wxml-->
<view>{{m2.toUps('loong')}}</view>
<wxs src="../../utils/tools.wxs" module="m2"></wxs>