关于小程序点击按钮在两张图切换时闪屏问题

最近做的项目中,有一个页面是 需要你点击按钮切换不同的图片，但是在做的过程中切换有闪屏的问题。

就是说,未点击时是第一张图片,点击之后先是第二张,然后立马复原成第一张,其实思路很简单,就是通过js显示隐藏图片而已,我一开始用的方法是wx:if和wx:else,代码如图

可以实现效果,但是每次推举的过程中,都会闪烁一下,我一开始还以为是图片没有加载完成的原因,后来用了wx.getimageinfo也没用,查了很多资料也都是没用的,他们说的大多是问题是图片没加载的情况下会有闪烁,但我这个已经加载完毕了,还是会闪烁,后来我就想到,我这种方法是在两张image标签来回切换,相当于每次点击都是重新换了一个image标签,所以我就试了一下在一个image标签中通过三元表达式的方法切换src属性代码如下

js代码不变,成功,切换图片不闪烁了