vue中img错误默认图片

发表于2022-03-24|更新于2026-02-24

|浏览量:

如果问我思念多重，不重的，像一座秋山的落叶。——简媜

因为之前写过img图片丢失后默认图

发现在vue中不好使，改了半天发现原来需要将@改为:

也就是需要这么写：

<img
  src="xxxx"
  :onerror="`this.src='/img/oss/2020-06-01/head.jpg'`"
/>

相关推荐

不同孕育仇恨。——司汤达《红与黑》介绍 pakku.js：拯救 B 站的弹幕体验最近，我发现了一个非常有趣的开源项目——pakku.js。这个项目由 xmcp 开发，旨在提升 B 站（Bilibili）的弹幕体验。今天，我将为大家详细介绍一下这个项目的特点和使用方法。项目概述pakku.js 是一个用于优化 B 站弹幕体验的浏览器扩展。项目自 2017 年 2 月 28 日创建以来，已经获得了 2243 个星标和 78 个 forks，显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写，并且遵循 GNU General Public License v3.0，确保其免费和开源。项目特点提升弹幕体验：pakku.js 提供了丰富的弹幕过滤和优化功能，帮助用户屏蔽无意义的弹幕，提升观看体验。开源项目：作为一个开源项目，pakku.js 拥有庞大的社区支持，用户可以在 GitHub 上交流经验、分享心得。多平台支持：pakku.js 作为浏览器扩展，可以在多个平台上使用，包括 Chrome 和 Firefox。简单易用：pakku.js 提供了简单易用...

css属性选择器

谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors 然后是场景：此处需要将所有包含overflow: scroll行内样式(也就是元素的style属性内写样式)的元素，设置为overflow:auto 代码： 123*[style*='overflow: scroll'] { overflow: auto !important;} 示例链接CSS12345678910111213141516171819202122232425262728a { color: blue;}/* 以 "#" 开头的页面本地链接 */a[href^="#"] { background-color: gold;}/* 包含 "example" 的链接 */a[href*=&q...

拖动滑块验证

有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》效果：源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...

好学近乎知，力行近乎仁，知耻近乎勇。一一《中庸》 https://github.com/dominictarr/JSONStream 轻松处理超大 JSON 数据流！—— 走进 @dominictarr/JSONStream 的流式解析世界在现代 Web 和 Node.js 开发中，JSON 是数据交换的事实标准。然而，当我们面对海量 JSON 文件或数据流时，如何才能既高效又优雅地处理它们？这正是 @dominictarr/JSONStream 的魅力所在！项目简介@dominictarr/JSONStream 是一款专为 Node.js 设计的流式 JSON 解析与生成工具。它让你能够像操作水管一样，顺畅地“串联”各种数据流，无论是处理本地超大 JSON 文件，还是应对高并发的 API 响应，都能游刃有余。你可以用最简洁的方式将其与 Node.js 的 stream 体系结合： 1rawStream.pipe(JSONStream.parse()).pipe(streamOfObjects) JSONStream 支持从流中解析...

字体按宽度自适应大小

不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗的《瓦尔登湖》一般可以使用vw或者em一类的属性来适配，但如果还需要更小，就只能使用scale缩放了，例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...

每天务必做一点你所不愿意做的事情，这是一条宝贵的准则，它可以使你养成认真尽责而不以为苦的习惯。——马克.吐温我们知道js中如果使用： 123if(2){ console.log("2")} 可以看到if中代码块执行了这是因为JavaScript 在布尔值上下文中使用强制类型转换（coercion）而我们if括号中表达式2，由于为truthy，也就是真值所以被转换为了true JavaScript 中的真值示例如下（将被转换为 true，if 后的代码段将被执行）： 1234567891011if (true)if ({})if ([])if (42)if ("foo")if (new Date())if (-42)if (3.14)if (-3.14)if (Infinity)if (-Infinity) 反之，我们也有Falsy 在 JavaScript 中只有 8 个 falsy 值。这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中