700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序foreach遍历_微信小程序wx:for和wx:for-item的用法

微信小程序foreach遍历_微信小程序wx:for和wx:for-item的用法

时间:2024-03-17 11:39:15

相关推荐

微信小程序foreach遍历_微信小程序wx:for和wx:for-item的用法

微信小程序wx:for和wx:for-item的用法。兴弘海科技在微信小程序定制开发单门店系统的时候,在制作菜单的时候,需要体现左侧是菜单栏目,右侧是菜单名称列表的时候,遇到wx:for和wx:for-item这一对标签。特此做出总结,以方便以后查阅。

代码分享如下:

wxml代码

{{xhhclassify.classifyName}}

wjs代码

goodsList: [

{

id: 'hot',

classifyName: '热销',

goods: [1, 2, 3, 4, 5]

},

],

代码分析:

wx:for,它很明显,就是处理goodsList里面的数据,那么wx:for-item它是用来干什么的呢?其中xhhclassify是用来干什么的呢?别急,兴弘海告诉您。

wx:for-item是用来接替wx:for做二次循环的,你看goodsList它其实是个二维数组,而不是一维数组,那么遇到这种情况,就需要进行wx:for-item再次遍历,有点像php函数里面的foreach的遍历,遍历完父辈,遍历子辈。xhhclassify其实是自己随便定义的一个字符串,它可用来表示goodsList下面第几个数组。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。