小程序列表渲染

本文详细介绍了WXML中使用wx:for进行数组循环渲染的方法,包括如何指定数组的当前项和下标变量名,以及如何使用wx:key确保组件唯一性。同时,还探讨了在view和block中使用wx:if进行条件渲染的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

WXML中 wx:for 控制属性绑定一个数组(从逻辑层.js传过来的数组或者对象),使用数组中各项数据重复渲染该组件。

默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item

 

如果要指定当前数组的变量名:wx:for-item

指定数组的当前下标的变量名:wx:for-index

 

wx:for 也可以嵌套,如下九九乘法表

Block

除了在view中使用wx:for,也可以在<block/>中使用,渲染一个包含多个节点的结构块。

wx:key

wx:key="字符串"

 这个“字符串” 代表在for循环的array中item的某个“属性”,该属性的值需要是列表中唯一的字符串或数字,且不能动态改变。用于被遍历的组件需要多个属性的时候。

wx:key="*this"

保留关键字“ *this”代表在for循环中的item本身,此时item本身是一个唯一的字符串或数字,用于组件仅仅需要一个属性,并且属性值唯一。

https://blog.csdn.net/yelin042/article/details/72518952

 

wx:if

 1、搭配view

 

2、搭配block

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值