ElementUI v-for嵌套使用走马灯标签导致图片覆盖显示错误解决方法

解决的总体思路

直接将包含走马灯的内容单独抽为一个页面VUE组件，独立出来，成为循环一层

例如

<ElCol :span="8"
:key="index"
v-else-if="item.lmType == '0'"
style="padding:5px;">
<!-- 图片组件，被抽出来的单独页面 -->
<picCard :item=item></picCard>
</ElCol>

新页面 picCard中

<el-card :collapse="false"
:title="item.name"
style="height: 300px;">
<div class="block"> 
	<el-carousel height="220px">
		<el-carousel-item v-for="(program,index3) in item.list"
		:key="index3"
		style="height: 220px;">
		<img :src="generatePicUrl(program.id,index3)"
		@click="toDetail(program,item.name,item.lmType)"
		style="cursor: pointer;height: 100%;width: 100%;"
		ref="imgs" />
		</el-carousel-item>
	</el-carousel>
</div>

</el-card>