vue中关于GIF不动的解决办法

vue中关于GIF不动的解决办法

首先我也是搜索了导致这个问题的原因,看到网上讲的是因为浏览器的缓存机制;现象就是,GIF图正常img标签引入进入后,页面只动了一次,后面就不会动了。我没有深入的去研究他的起因,下面说下是如何解决的:
首先页面的img标签不变,正常引入GIF图片,同时给img标签一个ID,如下图
vue中关于GIF不动的解决办法
然后设置一个计时器,每几秒钟重新赋值,(里面的方法不用管)如下图
vue中关于GIF不动的解决办法
到此问题解决,(最后别忘了在销毁周期里把计时器清除)
vue中关于GIF不动的解决办法
结束语:菜鸟一枚,如果有别的方法可以留言