vue开发移动端H5 滑动操作 图片闪动

原因是渲染问题。
这个问题我是在定时控制图片显示隐藏的时候发现，体验不友好，滑动一下图片就会闪一下！！

这个不管你是使用v-if，v-show，还是opacity:0，都无法解决。

就是无论是使用微信浏览器，safari等都有这样的不良体验。

解决方式：
使用css的visibility来解决：

<img
  class="img img-1"
   :style="{visibility:isShow?'hidden':'visible'}"
   src="@/assets/img/luckDraw-l1.png"
   alt
 />
 <img
   class="img img-2"
   :style="{visibility:!isShow?'hidden':'visible'}"
   src="@/assets/img/luckDraw-l2.png"
   alt
 />

这样就可以轻松控制切换图片，而且不会出现，下滑闪动问题。