vue项目 gif图片只加载一次 下次进入还是上次动画结束状态解决方案

1. src地址变量动态设置

<div class="loading-con" v-if="showLoading">

            <div class="loading light-bg">

                    <img :src="GIF" class="loading_icon"/>

            </div>

        </div>

2.import 引入动态gif图片

import GIF  from './img/dongtai.gif';

3.页面初始化的时候 给gif图片添加随机数 刷新状态

this.GIF  = GIF  +'?+' + Math.random();