微信小程序运行js脚本,wxs使用简介

需求场景

开发过程中服务器返回的是一段字符串 “21,12,21,21,21,32” ,实际业务需要在wxml中遍历时把字符串以”,”分割为数组,具体方法如下

需要用到 WXS ,WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

新建WXS文件

新建wxs文件,文件后缀.wxs

读取方法

1
2
3
4
5
6
7
8
9
10
var lib = {
stringToArray: function (str,params) {
console.log(str);
var arr = str.split(params);
return arr;
}
}
module.exports = {
stringToArray: lib.stringToArray
}

在wxml中使用wxs

引入wxs

1
<wxs module="lib" src="../../lib/lib.wxs"></wxs>

遍历中使用

1
2
3
4
5
<block wx:for="{{lib.stringToArray(item.purpose,',')}}" wx:for-item="purpose">

{{purpose}}

</block>
李金鹏 wechat
ex. subscribe to my blog by scanning my public wechat account
努力工作,好好赚钱