在使用iview轮播组件时，遇到图片加载异常，仅在按下F12后图片才显示的问题。原因在于初始化时图片宽度为0，解决办法是在modal框内使用v-if指令延迟组件初始化。
html中,按下F12图片才能显示出来
这个问题在使用iview中走马灯的时候出现了,发现modal框里的内容是空白的,但是检查后已经读到了图片地址,偶然发现按F12图片才会出来,这个问题的原因,在思否上找到了答案.
原因是宽度为0导致的,从源码上可以看出来,宽度在页面初始化的时候就已经计算了,也就是mounted,宽度需要被重新计算,在这里这次的解决方法是,给轮播图carousel加一个v-if指令,它的指与控制modal的booean值绑定,这样carousel就会延迟初始化.这个bug的主要原因是,modal框中的组建应该要在触发点击事件后再初始化,而在mounted时就初始化就导致了这个bug
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
