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

微信小程序wx:for和wx:for-item的用法。創(chuàng)新互聯(lián)在微信小程序定制開發(fā)單門店系統(tǒng)的時(shí)候，在制作菜單的時(shí)候，需要體現(xiàn)左側(cè)是菜單欄目，右側(cè)是菜單名稱列表的時(shí)候，遇到wx:for和wx:for-item這一對(duì)標(biāo)簽。特此做出總結(jié)，以方便以后查閱。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比大洼網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式大洼網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋大洼地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

代碼分享如下：

wxml代碼

{{xhhclassify.classifyName}}

wjs代碼

goodsList: [

{

id: 'hot',

classifyName: '熱銷',

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

},

],

代碼分析：

wx:for，它很明顯，就是處理goodsList里面的數(shù)據(jù)，那么wx:for-item它是用來干什么的呢？其中xhhclassify是用來干什么的呢？別急，創(chuàng)新互聯(lián)告訴您。

wx:for-item是用來接替wx:for做二次循環(huán)的，你看goodsList它其實(shí)是個(gè)二維數(shù)組，而不是一維數(shù)組，那么遇到這種情況，就需要進(jìn)行wx:for-item再次遍歷，有點(diǎn)像php函數(shù)里面的foreach的遍歷，遍歷完父輩，遍歷子輩。xhhclassify其實(shí)是自己隨便定義的一個(gè)字符串，它可用來表示goodsList下面第幾個(gè)數(shù)組。

網(wǎng)站欄目：微信小程序wx:for和wx:for-item的用法
新聞來源：http://m.jiaotiyi.com/article/scdgei.html