2021-09-10

最新推荐文章于 2024-11-10 15:10:09 发布

shengyanfire

最新推荐文章于 2024-11-10 15:10:09 发布

阅读量123

点赞数 2

分类专栏： vue css 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_46543056/article/details/120215612

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

在vue3.x 项目中动态切换背景图片去除切换时的白色闪屏

// 修复切换背景图时出现的“白色闪屏”现象
let img = new Image();
img.src = require("@/assets/images/qwe.png" )；
// 确定图片加载完成后再进行背景图片切换
img.onload = function () {
  		document.getElementById("appmain_div").style.backgroundImage = "url(" + img.src + ")";
}

这里的图片地址一定要用require，直接放地址的话，vue会解析成字符串。