切换图片时有明显闪白

需求：点击哪个哪个图片进行该图片的选择图样（一共4张图片）

我使用的是

<u-image :src="check==1?'./static/pddcheck.png':'./static/pddbtn.png'" mode="widthFix" width="220" @click="upcheck(1)"></u-image>
<u-image :src="check==2?'./static/jdcheck.png':'./static/jdbtn.png'" mode="widthFix" width="220" @click="upcheck(2)"></u-image>

效果是实现了 可是切换时明显有闪白，就是更换图片时的延迟，然后更改为

<u-image v-if="check==1" src="./static/pddcheck.png" mode="widthFix" width="220" @click="upcheck(1)"></u-image>
<u-image v-if="check==2" src="./static/pddbtn.png" mode="widthFix" width="220" @click="upcheck(1)"></u-image>
<u-image v-if="check==2" src="./static/jdcheck.png" mode="widthFix" width="220" @click="upcheck(2)"></u-image>
<u-image v-if="check==1" src="./static/jdbtn.png" mode="widthFix" width="220" @click="upcheck(2)"></u-image>

更改后还是闪，想起来v-if原理也是重新加载这个dom，改成v-show就解决了

标签：闪白,show,时有,dom,切换,哪个,图片
来源： https://blog.csdn.net/weixin_44850797/article/details/110184852