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

操作 图片闪动"/>

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

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

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

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

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

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

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