提示:本文共有 502 个字,阅读大概需要 2 分钟。
重命名下标和变量名:
使用wx:for-item可以指定数组当前元素的变量名,使用wx:for-index可以指定数组当前下标的变量名。
Wx:for:
书写格式如下:
{{index}}:{{item.message}}
控制属性绑定的变量是一个数组(test),默认数组的当前项的下标变量名默认名为index,数组当前项的变量名默认为item。
实际演示:
在“test.js”中写入如下代码(图14-1)。
图14-1
在“test.wxml”中写入如下代码(图14-2)。
图14-2
此时,页面显示效果如下(图14-3)。
图14-3
“item”和“index”也可以使用其他的。如在“test.wxml”中写入如下代码(图14-4)。
图14-4
此时,页面显示效果如下(图14-5)。
图14-5
Wx:for的嵌套:
在“test.wxml”中写入如下代码(图14-6)。
图14-6
此时,页面显示效果如下,其实就是乘法表(图14-7)。
图14-7
Wx:block:
用一个表达式控制多个组件。
在“test.wxml”中写入如下代码,此时,页面显示效果是没有变化的。但是打开调试器,层次结构是不一样的(图14-8)。
图14-8
看到此处说明本文对你还是有帮助的,关于“微信小程序开发 学习之14:列表渲染”留言是大家的经验之谈相信也会对你有益,推荐继续阅读下面的相关内容,与本文相关度极高!