微信小程序WXML页将字符串转换成数组并循环输出

最新推荐文章于 2022-06-19 01:10:43 发布

shghnn

最新推荐文章于 2022-06-19 01:10:43 发布

阅读量4.1k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/shghnn/article/details/118938306

版权

微信小程序 WXS模块字符串转数组循环遍历数组处理

关键词由优快云通过智能技术生成

微信小程序专栏收录该内容

9 篇文章

订阅专栏

话不多说，直接上代码：

一、单独使用方法：

1、在根目录utils目录下新建shghnn.wxs

2、输入以下代码

var toarray=function (value) {      
    return (value || "").split(",")
}

module.exports = {
  toarray: toarray
};

3、在需要使用的页顶部调用此文件

<wxs module="shghnn" src="../../utils/shghnn.wxs"></wxs>

4、使用

//比如字符串是 aa='1,2,3,4,5,6'
<block wx:for="{{dateUtil.toarray(aa)}}" wx:for-item="k"><text>{{k}}</text></block>

二、循环套循环输出

如循环的数组中某一字段为字符串，但想转化成数组再循环输出值的情况。

上面1，2，3步均不变，直接跳到第4步

4、使用

//比如要转化字段是xinghao

<block wx:for="{{list}}" wx:for-item="i">

<block wx:for="{{shghnn.toarray(i.xinghao)}}" wx:for-item="k"><text>{{k}}</text></block>

</block>

//输出结果为：<text>型号一</text><text>型号二</text><text>型号三</text>