首页 > 微信 > 详细

微信小程序:列表渲染

时间:2020-11-15 21:18:57      阅读:62      评论:0      收藏:0      [点我收藏+]

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都要写

技术分享图片

 

微信小程序:列表渲染

原文:https://www.cnblogs.com/zwh0910/p/13978806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!