微信小程序wx:for和wx:for-item的用法

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

创新互联公司-专业网站定制、快速模板网站建设、高性价比大洼网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式大洼网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖大洼地区。费用合理售后完善，10余年实体公司更值得信赖。

代码分享如下：

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下面第几个数组。