vue中怎么实现图片没加载完成时显示loading.gif?

我要做的功能是:当图片没有加载完成时,显示loading.gif图;
我的图片(九图)在一个div1中,图片地址在数组imgPath = []中,当数组为空时div1的v-if="false",当这个这个数组不为空时才创建这个div1,
我在mounted钩子函数中写了img.onload,但是好像是因为这个div没有创建,所以这个img.onload没效果,不知道是不是这样,当然我的重点是怎么实现图片没有加载完成时,显示loading.gif图

阅读 5.4k
1 个回答

当数组imgPath不为空时, 图片地址默认用loading.gif, 等到一个你认为合适的时机替换为真实图片 demo

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题