小程序多重遍歷==小程序遍歷數組中的數組


代碼:  遍歷 modelList 數組套數組

 

<view class='modelitem' wx:for="{{modelList}}" data-order='{{item.name}}' wx:key>
            <view class='modelitemTitle' bindtap='modelitemTitle' data-index="{{index}}">{{item.name}}</view>
            <block wx:if="{{item.shows}}">
              <view class='modelitem_item' bindtap='modelitem_item' data-name='{{itemTwo.name}}' data-model='{{itemTwo.id}}' wx:for="{{item.shopTruckModelEntityList}}" wx:key wx:for-item="itemTwo">
                {{itemTwo.name}}
              </view>
            </block>
          </view>


//小知識:(獲取自定義屬性)
modelitemTitle(e){
  console.log(e.currentTarget.dataset.index
}



區分 vue自定義屬性

<ul class="homeList">
                    <li v-for="(item, index) of homeList" 
                        :key="index"
                :id="item.id" @click="homeListClick(index,item.id)" :class="{ 'bgcTwo': item.type!=1, 'bgcOneSelected': item.type==1&&(homeTicketIndex==index), 'bgcTwoSelected': item.type!=1&&(homeTicketIndex==index) }"> <div class="homeItemTop" :class="{'whiteColor':homeTicketIndex==index}"> <img src="./img/dui.png" v-if="homeTicketIndex==index" alt=""> <img src="./img/yuan.png" v-if="homeTicketIndex!=index" alt=""> <p v-if="item.type==1" :class="{'whiteColor':homeTicketIndex==index}">{{item.name}}</p> <p style="font-size:.88rem" :class="{'whiteColor':homeTicketIndex==index}" v-if="item.type!=1">{{item.dAmount}}<span>元 × {{item.countUsed}}張</span></p> </div> <p v-if="item.type==1" :class="['homeItemtitle',{'whiteColor':homeTicketIndex==index}]">222</p> <p v-if="item.type!=1" :class="['homeItemtitle',{'whiteColor':homeTicketIndex==index}]">222</p> <p :class="['timeLimit',{'whiteColor':homeTicketIndex==index}]">2</p> <div class="homeListBtn">{{item.price}}元購買</div> </li> </ul>

直接函數拿:
homeListClick(index,item.id){}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM