微信小程序 wx:for的一些事

来源:互联网 发布:centos u盘 编辑:程序博客网 时间:2024/05/29 09:46

在研究微信小程序过程中遇到了这样一个问题:使用wx:for进行列表渲染时,直接用方括号[]表示非关联数组时,内容为字母则不能识别。

可能大家没有看懂上面的话。直接上代码吧。微笑

为了好分辨,我使用了_______来隔开

<view wx:for="{{[a, b, c]}}">  <view> {{index}}: {{item}} </view></view>_______________<view wx:for="{{array}}">  <view> {{index}}: {{item.id}} </view></view>_______________<view wx:for="{{[1, 2, 3]}}">  <view> {{index}}: {{item}} </view></view>
data: {    array: [{      id: 'a',    }, {      id: 'b'    }]  }


运行结果为:


在这里可以看到,wx:for="{{[a, b, c]}}",是不能识别[a,b,c]的,是不是真的是英文字母不能识别的?再尝试一次,

<view wx:for="{{[11, aa, 333,a2b]}}">  <view> {{index}}: {{item}} </view></view>
结果是:

有英文字母的都不能正常显示出来了。

那么问题来了,如何能做到循环遍历字母呢?

如果想单纯的使用item为一个字符的可以这样写:

wx:for="abc"
然后就可以分别以a,b,c来做列表渲染了

如果需要用单词,还是在JS中定义数据吧。



0 0
原创粉丝点击