在研究微信小程序过程中遇到了这样一个问题:使用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中定义数据吧。