vue 请求改变background-image,因为渲染时间长,渲染的时候有一段时间背景色为白色,帮忙给个思路?

Question

点击按钮,请示(必应的每日壁纸)成功,然后页面的background改变的时候,需要渲染的时间,这就会出现白色的背景色,怎么解决呀

Answer 1

给一个占位图，请求完成后再替换

Answer 2

建议不要用background，样式重新写一下 用Image 做,在Image onload动态改变src

Answer 3

给个setTimeout能行不？等请求完了再赋值？试试看

setTimeout(() => {
    this.img = imgurl
},1000)

Answer 4

图片加载完成再赋值

var my_image = new Image();
my_image.src = imgurl;
my_image.onload = () => {
    this.imgUrl = imgurl;
    my_image = null;
}

Answer 5

这段空白就用个loading的动态图占用.加载完成再移除动态图