本文主要介绍微信小程序wx:for和wx:for-item的正确用法。wx:for是一个循环数组,wx:for-item给列表一个别名。本文为你列举了几种错误的用法,大家一起学习吧。
wx:for = & quot;{ { list } } & quot用于循环数组,list是数组名wx:for -item = & quot;项目& quot即用于定义循环中每个元素的变量。
如果是一维数组,则按如下方式循环:
& lt查看wx:for = & quot;{ { list } } & quot& gt{ { index } } { { item.name } } & lt/view & gt;
在上面的代码中,item是list的别名。
如果是二维甚至多维数组,循环如下:
& lt查看wx:for = & quot;{ { parentList } } & quot& gt{ { item.id } } & lt查看wx:for = & quot;{ { item.childList } } & quotwx:for -item = & quot;项目& quot& gt{ { items . name } } { { item . account } } & lt;/view & gt;& lt/view & gt;for(var I = 0;我& lt列表.长度;i++){ var XXX = list[I];}
等同于
& lt查看wx:for = & quot;{ { list } } & quotwx:for -item = & quot;xxx & quot& gt& lt/view & gt;
记住:wx:for是循环数组,wx:for-item给列表一个别名。
对于以下错误,请谨慎使用:
1.直接用wx:for-item,这样列表就没法循环了。
& lt查看wx:for -item = & quot;{ { list } } & quot& gt{ { index } } { { item.name } } & lt/view & gt;
2.wx:for-item应该在子循环中小心使用。
& lt查看wx:for = & quot;{ { parentList } } & quot& gt{ { item.id } } & lt查看wx:for -item = & quot;{ { item.childList } } & quotwx:for -item = & quot;项目& quot& gt{ { items . name } } { { items . account } } & lt;/view & gt;
微信小程序wx:for和wx:for-item的正确用法
wx:for = & quot;{ { list } } & quot用于循环数组,list是数组名wx:for -item = & quot;项目& quot即用于定义循环中每个元素的变量。
如果是一维数组,则按如下方式循环:
& lt查看wx:for = & quot;{ { list } } & quot& gt{ { index } } { { item.name } } & lt/view & gt;
在上面的代码中,item是list的别名。
如果是二维甚至多维数组,循环如下:
& lt查看wx:for = & quot;{ { parentList } } & quot& gt{ { item.id } } & lt查看wx:for = & quot;{ { item.childList } } & quotwx:for -item = & quot;项目& quot& gt{ { items . name } } { { item . account } } & lt;/view & gt;& lt/view & gt;for(var I = 0;我& lt列表.长度;i++){ var XXX = list[I];}
等同于
& lt查看wx:for = & quot;{ { list } } & quotwx:for -item = & quot;xxx & quot& gt& lt/view & gt;
记住:wx:for是循环数组,wx:for-item给列表一个别名。
对于以下错误,请谨慎使用:
1.直接用wx:for-item,这样列表就没法循环了。
& lt查看wx:for -item = & quot;{ { list } } & quot& gt{ { index } } { { item.name } } & lt/view & gt;
2.wx:for-item应该在子循环中小心使用。
& lt查看wx:for = & quot;{ { parentList } } & quot& gt{ { item.id } } & lt查看wx:for -item = & quot;{ { item.childList } } & quotwx:for -item = & quot;项目& quot& gt{ { items . name } } { { items . account } } & lt;/view & gt;
评论前必须登录!
注册