• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

踩坑记录2-----小程序遍历数组渲染数据, 打印当前点击为undefined ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  正确           <view class="orderOne" v-for="(item,index) in allOrderList" :key="index">
                <view class="orderTop" @tap="toOrgPage(item,index)">
                    <image src="../../static/btn_campus.png" mode=""></image>
                    <view class="orderNum">{{item.order.orgName ? item.order.orgName : \'\'}}{{item.order.campName ? \'(\' + item.order.campName + \')\' : \'\'}}</view>
                    <image class="topErrow" src="../../static/back_white@[email protected]" mode=""></image>
                    <view class="orderStatus">{{item.order.orderStatus}}</view>
                </view>
                <view class="orderLine"></view>
                <view class="course" v-for="(item2,index) in item.order.orderItemsList" :key="index" @tap="toOrderDetail(item2)">
                    <view class="img">
                        <image :src="item2.itemLogo" mode="aspectFill"></image>
                    </view>
                    <view class="courseInfo">
                        <view class="courseName">{{item2.itemName}}</view>
                        <view class="subHeading">{{item2.subheading}}</view>
                        <view class="priceName">{{item2.priceName}} {{item2.classTimeCount + \'课时\'}}</view>
                        <view class="priceNum">
                            <view class="price">
                                <text class="priceSymbol"></text>
                                {{item2.price}}
                            </view>
                            <view class="courseNum">x{{item2.itemNumber}}</view>
                        </view>
                    </view>
                </view>

之前, 遍历时

 v-for="(item,index) in allOrderList"  没有加 index, 唯一值用的是 :key=\'item.id\', 打印大当前点击为 undefined, 加上index打印出来了!!!!

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序中对js数组进行过滤 - sjns发布时间:2022-07-18
下一篇:
小程序 常用的遍历方式发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap