面对这个问题 我最多做到表面笑嘻嘻 ……

真不知道测试怎么那么…… 啥都能给你测出来 有的没的都能给你测出来

算了算了  谁让本仙女本精灵本可爱温柔大方善解人意呢 …呵呵呵

————————————正文开始了————————————

这是一个动态更换登录页面背景图的功能

但是如果客户的相对应的文件夹没有更换过图片的话 就要有默认显示的图片

logoBg就是默认显示的图片

logoUrl是客户更换的背景图

最初的代码是这个样子的

工具文件:

html引入

import {validateImage} from "@/utils/auth";

import loginBg from "../images/common/bg_login2.jpg";

data:

呵呵呵呵  大功告成

然鹅……………… 测试什么都能给你测出来 本来是缓存搞得问题  后来升级到你这个图片刷新就没了

我……………………

于是乎开始找原因,找来找去 我svn也提交了两个版本的代码

但是后来都不行

焦躁的我睡觉都睡不好

于是 今天赢img标签代替 也是可以用的 img中有一个onerror事件

不过这个方法要拼接  我拼了一会 放弃了 直接用自己ip测试 发现可以用

(这个方法改天再说,因为我着急回去超市……嘻嘻嘻)

但是还有一种方法 也是离不开img的onerror

data里面我直接让logoUrl:loginBg,

大功告成 我让你刷新 让你一直刷新 就是不会变 啦啦啦

百度了很多方法  都没用 不知道是不是因为我太美了  哈哈哈哈

反正这个方法可以用 如果你也遇到了我的问题 希望可以帮助到你

如果你看到了这里 说明你对我的认可 然后 给你一个么么哒~~~

阿里嘎多~~

————补充————

在你的methods的方法中 this.loginBg 的值(图片的路径)一定要用import

不然webpack打包的时候是打包不进去的

我做的时候就忽略了这个问题 导致测试新版本的时候跟没改一个样

所以提醒你们注意这个问题哦~~~

JS判断图片是否加载完成 背景图404 快到碗里来的更多相关文章

  1. JS判断图片是否加载完成三种方式

    1.img的complete属性 轮询不断监测img的complete属性,如果为true则表明图片已经加载完毕,停止轮询.该属性所有浏览器都支持. <p id="p1"&g ...

  2. js 判断图片是否加载完成(使用 onload 事件)

    我们在写 jquery 的时候一般都会写 $(document).ready,加载完成事件还有一个就是 onload onload 与 ready 的区别是: 1.ready 是 DOM 加载完成的事 ...

  3. js判断图片是否加载完毕

    附件: https://www.jb51.net/article/102385.htm 问题:  .offset().top和$(window).scrollTop()每次刷新页面后滚动的值有时候会不 ...

  4. js判断图片是否加载完成

    var img = new Image(); //新建一个图片对象:img.src = ...; //图片地址是你准备要加载的地址:if(img.complete){ //表示图片已经加载完成}

  5. js判断图片是否加载成功

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 关于JS判断图片是否加载完成且获取图片宽度的方法

    做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况,下面就这个问题我们一种如何使用js处理这个问题的方法,具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处 ...

  7. js 判断图片是否加载完成

    1.根据url来加载图片: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 /**  * 加载图片,直到加载完成后才调用回调函数  * @param url 后面读取图片流的u ...

  8. JS实现图片预加载无需等待

    网站开发时经常需要在某个页面需要实现对大量图片的浏览;用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片 网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考 ...

  9. 【转】JS判断SWF,JPG加载完毕、兼容(Activex,plugIn)所有浏览器

    JS判断SWF,JPG加载完毕.兼容(Activex,plugIn)所有浏览器 这里主要说下监听SWF的加载. 网上流传已久的监听方法,只能在IE(Activex插件下)下实现.在使用plugin的浏 ...

随机推荐

  1. SSD 的介绍 -------转载

    本文转载自: http://www.sohu.com/a/258190629_494938   背景 SSD(Solid-State Drive)是目前正处于鼎盛时期的存储设备.相较于传统的硬盘存储器 ...

  2. sqlserver2008 查看数据库自带的索引建议

    SELECT [Total Cost] = ROUND(avg_total_user_cost * avg_user_impact * (user_seeks + user_scans),0) , a ...

  3. Java异常处理——如何跟踪异常的传播路径?

    当程序中出现异常时,JVM会依据方法调用顺序依次查找有关的错误处理程序. 可使用printStackTrace 和 getMessage方法了解异常发生的情况: printStackTrace:打印方 ...

  4. 使用QQ传输大文件

    现在在公网上能传输大文件并且稳定支持断点续传的软件非常少了,可以使用qq来做这件事. qq传输单个文件有时候提示不能超过4g有时候提示不能超过60g,没搞明白具体怎么样. 可以使用qq的传输文件夹功能 ...

  5. oracle 的tnsnames.ora,listener.ora

    x:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN listener.ora: # listener.ora Network Conf ...

  6. 目标检测——Faster R_CNN使用smooth L1作为bbox的回归损失函数原因

    前情提要—— 网上关于目标检测框架——faster r_cnn有太多太好的博文,这是我在组会讲述faster r_cnn这一框架时被人问到的一个点,当时没答上来,于是会下好好百度和搜索一下研究了一下这 ...

  7. CentOS更换镜像源

    使用说明 首先备份/etc/yum.repos.d/CentOS-Base.repo mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/Cen ...

  8. activiti-6.0工作流应用模板

     acriviti6.0官方操作指南:https://www.activiti.org/userguide/#demo.setup.one.minute.version 下载 acriviti6.0压 ...

  9. UVa442 Matrix Chain Multiplication(栈)

    #include<cstdio>#include<cstring> #include<stack> #include<algorithm> #inclu ...

  10. centos 7.2 同步北京时间 ,多台机器同步时间

    linux 系统没有北京时间,同步的是上海时间 linux 系统有两个时钟:一个是硬件时钟,即BIOS时间:另一个是系统时钟,是linux系统Kernel(内核)时间. 系统开启时,系统会读取硬件时间 ...