uniapp image异步加载 placeholder image

在开发过程中,尤其是APP开发过程中,需要加载远程图片的时候,就会设置一张本地的图片优先显示,等异步下载完成后再显示下载的图片,这点体验非常优秀。最近在处理uniapp的时候,发现官方的组件不支持这个功能,故而进行扩展。原理相信读完上面的分析,你已经了解。废话不多说,源代码及CSS样式如下:其中充分利用了组件的生命周期,同学们自行分析学习,这里就不赘述了。将组件命名为:webimageView.vue.保存在你的组件管理目录下,一般是components目录。