image图片加载完再显示

问题描述:在使用image加载大图的时候图片会从上往下一点点的渲染,会造成不好的用户体验。
解决思路:先定义图片地址字段为null,再使用js图片加载接口进行图片加载,在加载完回调事件里再给渲染字段赋值。

//次示例为uniapp,vue使用 new image() 同理
function imageLoading(src){
	return new Promise((resolve, reject) => {
		uni.getImageInfo({
			src,
			success(res) {
				resolve(res.path)
			},
			fail(err) {
				console.log('加载失败:',err)
			}
		})
	})
}

你可能感兴趣的:(vue.js,javascript,前端)