微信小程序开发之——列表渲染-wxfor

逻辑文件中设置数组array数据

data: {

array: [{message: ‘foo’},{message: ‘bar’}]

}

效果图

[外链图片转存中…(img-WtPj2Egj-1710700351198)]

2.2 用在block上

布局文件中代码

{{index}}:

{{item}}

效果图

[外链图片转存中…(img-E5AtVMzi-1710700351199)]

三 wx:for使用时,wx:for-index指定下标和wx:for-item指定变量名

---

3.1 代码文件

{{idx}}:{{itemName}}

3.2 效果图

[外链图片转存中…(img-0VP4TqOa-1710700351200)]

四 动态列表时,使用wx:key

---

4.1 wx:key 的值以两种形式提供

• 字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。

• 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字

4.2 示例

布局文件

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

尾声

一转眼时间真的过的飞快。我们各奔东西，也各自踏上了自己的旅途，但是即使多年不见，也因为这份情谊我们依旧如从前那般“亲密”。不忘初心方得始终。加油吧，程序员们，在我看来35岁，40岁从来不是危机，只要永远不要忘记自己为何踏上征程！

最后需要同款资料的，可以 **私信我点击【学习】**我愿意分享给你！

为了让更多在学习中或者最近要准备面试的朋友们看到这篇文章，希望你们能多多评论，点赞+转发！

为何踏上征程！

最后需要同款资料的，可以 **私信我点击【学习】**我愿意分享给你！

为了让更多在学习中或者最近要准备面试的朋友们看到这篇文章，希望你们能多多评论，点赞+转发！

再次感谢所有给我提供过题目的朋友们，感谢一路有你！