
个性的巨人
07-23 16:34
小程序开发中的列表渲染
小程序开发中的列表渲染
1.wx:for实现列表渲染
在组件上使用 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 ,数组当前项的变量名默认为 。
另外,使用 可以指定数组当前元素的变量名,使用 可以指定数组当前下标的变量名:
下面做一个演示:在中定义一个数组,使用在wxml中重复渲染view组件结构:
同时,还可以嵌套使用。
2.block结合wx:for使用
当把使用到标签上时,可以重复渲染一个包含多节点的结构块:
这种使用方法类似于上节的结合使用来实现条件渲染的方式。
3. wx:key实现列表渲染
小程序在进行列表渲染时,建议为渲染出来的列表项指定唯一的值,从而提高渲染的效率。
的值以两种形式提供
字符串,代表在 循环的 中 的某个 property,该 property 的值需要是列表中唯一的字符串或数字,且不能动态改变。保留关键字 *this
代表在 循环中的 本身,这种表示需要 item 本身是一个唯一的字符串或者数字。
当数据改变触发渲染层重新渲染的时候,会校正带有 的组件,,以确保使组件保持自身的状态。
注意:如不提供 ,会报一个 , 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略。
4.注意事项
花括号和引号之间如果有空格,将最终被解析成为字符串。当 的值为字符串时,会将字符串解析成字符串数组。
和以下情况相同:
Comments0
Creator