2***@qq.com
2***@qq.com
  • 发布:2024-09-04 17:59
  • 更新:2024-09-04 18:03
  • 阅读:66

列表渲染使用v-for就出错了

分类:HBuilderX

想问一下这个问题会和电脑的配置有关系吗,主要代码里面也没有死循环的问题,就是一些列表有可能图片会大一些,而且都分了页但是还会报这个问题

<view class="flex flexJus align_center" style="flex-wrap: wrap" v-if="list">
<view class="list_box" v-for="(item, index) in list" :key="index" @click="getDetail(item.id)">
<image class="img" :src="item.hand_img" mode="aspectFill"></image>
<view class="status_box flex align_center">
<view class="radio_box"></view>
<view class="status_txt">
{{ item.online == 0 ? "在线" : item.online == 1 ? "忙碌" : "离线" }}
</view>
</view>
<view class="list_detil">
<view class="nickname">
{{ item.nickname }}
</view>
<view class="state_box flex align_center">
<view class="age_box flex align_center" v-if="sex == 1">
<view class="age_icon"></view>
<view class="age_txt"> {{ item.age < 18 ? "18" : item.age }} </view>
</view>
<view class="age_box flex align_center" v-else>
<view class="age_icon_box"></view>
<view class="age_txt_box"> {{ item.age < 18 ? "18" : item.age }} </view>
</view>
</view>
<view class="signature_money flex align_center flexJus">
<view class="signature_box">
{{ item.autograph }}
</view>
<view class="money_box" v-if="sex == 1"> {{ item.gold }}币/分钟 </view>
</view>
</view>
</view>
</view>

2024-09-04 17:59 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

报什么错?发个能直接运行的复现demo出来 我帮你排查下

  • 2***@qq.com (作者)

    那就下面那样的一个循环但是接口返回的图片会大一点,而且也做了分页都是一页10条数据,在编辑器就会报这个错但是运行到手机也是没有问题的

    2024-09-04 18:04

2***@qq.com

2***@qq.com (作者)

<view>
<view class="flex flexJus align_center" style="flex-wrap: wrap" v-if="list">
<view class="list_box" v-for="(item, index) in list" :key="index" @click="getDetail(item.id)">
<image class="img" :src="item.hand_img" mode="aspectFill"></image>
<view class="status_box flex align_center">
<view class="radio_box"></view>
<view class="status_txt">
{{ item.online == 0 ? "在线" : item.online == 1 ? "忙碌" : "离线" }}
</view>
</view>
<view class="list_detil">
<view class="nickname">
{{ item.nickname }}
</view>
<view class="state_box flex align_center">
<view class="age_box flex align_center" v-if="sex == 1">
<view class="age_icon"></view>
<view class="age_txt"> {{ item.age < 18 ? "18" : item.age }} </view>
</view>
<view class="age_box flex align_center" v-else>
<view class="age_icon_box"></view>
<view class="age_txt_box"> {{ item.age < 18 ? "18" : item.age }} </view>
</view>
</view>
<view class="signature_money flex align_center flexJus">
<view class="signature_box">
{{ item.autograph }}
</view>
<view class="money_box" v-if="sex == 1"> {{ item.gold }}币/分钟 </view>
</view>
</view>
</view>
</view>
</view>

就是这样一个循环

  • 爱豆豆

    你这也不是代码报的错啊 工具的问题吧 你是在真机调试?

    2024-09-04 18:05

  • 2***@qq.com (作者)

    回复 爱豆豆: 对不是代码报的错是hubilderx报错的,没有真机调试,就是在内置浏览器运行的项目,只要我下拉一下列表或者切换一下列表就会报错,只有这一个页面,别的页面都没问题

    2024-09-04 18:09

要回复问题请先登录注册