微信小程序:列表渲染

wx:for,(wx:for-item,wx:for-index),wx:key. 列表循环包括数组循环对象循环

技术分享图片

 

一、数组循环

技术分享图片技术分享图片

此时控制台报错如下:属性“wx:key”可以提高性能

 技术分享图片

Wx:key=”唯一的值”,数组中对象的唯一属性,如id;如果是普通数组,则用*this表示循环项。

技术分享图片

 

 技术分享图片

此时控制台没有报错。

技术分享图片

数组只有一层循环的话,可以只写wx:forwx:key

技术分享图片

 

 二、对象循环

技术分享图片

index表示属性,item表示属性对应的值

技术分享图片

 

 技术分享图片

循环对象的时候,最好把属性index改为key,属性值item改为value,即此时wx:for,wx:for-item,wx:for-index,wx:key都要写

技术分享图片

 

微信小程序:列表渲染

以上是微信小程序:列表渲染的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>