- 发布：2020-08-13 19:06
- 更新：2020-10-16 13:24
- 阅读：1022
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.5
手机系统： 全部
手机厂商： 华为
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
<uni-grid :column="orderTool.length" :show-border="false" @change="orderToolChange">
<uni-grid-item v-for="(item, index) in orderTool" :index="index" :key="index">
<view class="d-flex flex-column a-center j-center flex-1 position-relative">
<image :src="item.icon" mode="aspectFill" style="width: 64rpx;height: 64rpx;" />
<text class="font-24 mt-1" style="color: #33312F;">{{item.name}}</text>
<view v-if="item.badge > 0" class="position-absolute badge text-white font-sm" :style="{width: ${String(item.badge).length * 8 + 12}px}">{{item.badge > 99 ? '99+' : item.badge}}</view>
</view>
</uni-grid-item>
</uni-grid>
<uni-grid :column="orderTool.length" :show-border="false" @change="orderToolChange">
<uni-grid-item v-for="(item, index) in orderTool" :index="index" :key="index">
<view class="d-flex flex-column a-center j-center flex-1 position-relative">
<image :src="item.icon" mode="aspectFill" style="width: 64rpx;height: 64rpx;" />
<text class="font-24 mt-1" style="color: #33312F;">{{item.name}}</text>
<view v-if="item.badge > 0" class="position-absolute badge text-white font-sm" :style="{width: ${String(item.badge).length * 8 + 12}px}">{{item.badge > 99 ? '99+' : item.badge}}</view>
</view>
</uni-grid-item>
</uni-grid>
预期结果：
正常运行
正常运行
实际结果：
报错，对象为空对象
报错，对象为空对象
bug描述：
更新HBuilderX到2.8.5后，我的uniapp的小程序编译好多v-for程序报错，
<uni-grid :column="orderTool.length" :show-border="false" @change="orderToolChange">
<uni-grid-item v-for="(item, index) in orderTool" :index="index" :key="index">
<view class="d-flex flex-column a-center j-center flex-1 position-relative">
<image :src="item.icon" mode="aspectFill" style="width: 64rpx;height: 64rpx;" />
<text class="font-24 mt-1" style="color: #33312F;">{{item.name}}</text>
<view v-if="item.badge > 0" class="position-absolute badge text-white font-sm" :style="{width: ${String(item.badge).length * 8 + 12}px}">{{item.badge > 99 ? '99+' : item.badge}}</view>
</view>
</uni-grid-item>
</uni-grid>
这段代码会提示，循环元素为空对象
2 个回复
DCloud_UNI_GSQ
是嵌套在 v-for 和 v-if 中吗？
thinkphp爱好者 - 123123
兄弟，你好。
在吗？
请问一下，INSTALL_FAILED_OLDER_SDK安装解析失败这个问题，你解决了，请问是怎么解决的呢？谢谢