详细问题描述
在开发过程中进行真机调试，用block嵌套v-for循环时，在app端无法正常显示，但在微信小程序是可以显示的。
（DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题）
[内容]
<template>
<view class="content">
<view class="topic-detail-list" style="border: 10upx solid #000000;height: 800upx;">
<block v-for="(tmp,index) in topicData" :key="index">
<block v-for="(item,listindex) in tmp.itemList" :key="listindex">
<!-- <common-list :item="item" :index="listindex"></common-list> -->
{{item.userpic}}\n
</block>
</block>
</view>
</view>
</template>
<script>
export default {
data() {
return {
topicData:[
{
loadMorText:"上拉加载更多...",
itemList:[
// 文字
{
userpic: '../../static/demo/datapic/lvyou4.jpeg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '',
video: false,
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
},
// 图文
{
userpic: '../../static/demo/userpic/12.jpg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '../../static/demo/datapic/13.jpg',
video: false,
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
},
// 视频
{
userpic: '../../static/demo/userpic/12.jpg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '../../static/demo/datapic/13.jpg',
video: {
looknum: '20w',
long: '2:47'
},
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
}
]
},
{
loadMorText:"上拉加载更多...",
itemList:[
// 文字
{
userpic: '../../static/demo/datapic/lvyou4.jpeg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '',
video: false,
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
},
// 图文
{
userpic: '../../static/demo/userpic/12.jpg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '../../static/demo/datapic/13.jpg',
video: false,
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
},
// 视频
{
userpic: '../../static/demo/userpic/12.jpg',
username: '哈哈',
sex: 0, //0 男 1 女
age: 25,
isguanzhu: false,
title: '我是标题',
titlepic: '../../static/demo/datapic/13.jpg',
video: {
looknum: '20w',
long: '2:47'
},
share: false,
path: '深圳 龙岗',
sharenum: 20,
commentnum: 30,
goodnum: 20
}
]
}
]
}
}
}
</script>
<style>
.uni-media-list-body{
height: auto;
}
.uni-media-list-body{
line-height: 1.8em;
}
</style>
重现步骤
[步骤]
[结果]
[期望]
[如果语言难以表述清晰，拍一个视频或截图，有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app，也需要在此说明]
HBuilderX
[IDE版本号]
2.5.1.20200103
[windows版本号]
[mac版本号]
10.15.2
uni-app运行环境说明
华为p20真机，及微信小程序
[运行端是h5或app或某个小程序？]
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的？如果是cli创建的，请更新到最新版cli再试]
[编译模式是老模板模式还是新的自定义组件模式？]
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志，点右键打开文件所在目录，将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段，你补充的细一点，问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
15108971715
[QQ]
284497478
6 个回复
一只大鱿鱼
同问
xLzii
解决方案：加个标签作为占位符即可(设为宽高都为0)。
原因：未知。
honeyChen
同问
星愿
同问
Lord
我发现现在问题还没解决啊，现在还是这样
Lord
一个bug三年都没解决？我测试block只要嵌套for循环在APP端就出问题，没人这么用？太假了吧？幸好有 小李子l1999 的临时解决办法。