iview carousel 图片值拿到了，但是进来之后不显示图片 需要按下F12才会出现图片?

Question

问题描述

在modal框里面添加跑马灯，打开modal框之后里面内容是白版，实际上已经拿到了图片的SRC

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<Carousel autoplay v-model="value2" v-if="uploadList!=''" loop>

<Carousel-Item v-for="(item,index) in uploadList" :key="index">
  <div class="demo-carousel">
   <img :src="item" style="height:241px;width:444px;" alt=""/>
   </div>
</Carousel-Item>

</Carousel>

你期待的结果是什么？实际看到的错误信息又是什么？

一进去就能看到图片轮播

Answer 1

受@熊猫酒仙 大佬的启发，解决题主的问题有个简便的方法，给carousel加一个v-if指令，值与你控制modal的booean值绑定，这样carousel就会延迟初始化，达到计算listwidth不让其未0的效果

Answer 2

我也遇到了，这个问题是宽度为0导致的。从源码中可以看出，宽度在页面初始化（mounted）的时候就已经计算了，this.handleResize(); 我是把这个组件抽出来了，然后改了它的源码，在 调用 updatePos 之前 执行一下 handleResize 就行了。下面给两张图，可以理解一下

Answer 3

你可以在展示页面的时候吧图片及相关元素的高度宽度或者隐藏显示属性等...显示出来和按下f12之后的做对比
,然后分析下

Answer 4

和F12肯定没关系的 是加载时间慢? 还是初始值为空 进行操作 赋值了?

Answer 5

楼主，问题解决了吗？我也碰到一样的问题。