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

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