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

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

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

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


   {{index}}: {{item}} 

_______________

   {{index}}: {{item.id}} 

_______________

   {{index}}: {{item}} 
data: {
    array: [{
      id: 'a',
    }, {
      id: 'b'
    }]
  }


运行结果为:

微信小程序 wx:for的一些事_第1张图片

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


   {{index}}: {{item}} 
结果是:

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

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

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

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

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



你可能感兴趣的:(微信小程序,微信)