vue中img错误默认图片

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

|浏览量:

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

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

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

也就是需要这么写：

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

相关推荐

CircularProgressBar

丈夫志四海，万里犹比邻。—— 曹植《赠白马王彪》 https://github.com/lopspower/CircularProgressBar Android 自定义控件推荐：CircularProgressBar 完美实现圆形进度条在 Android 开发中，进度条是一种非常常见的 UI 元素，用于展示任务的完成进度。虽然系统自带了 ProgressBar，但其样式单一，无法满足复杂的 UI 需求。为了解决这一问题，CircularProgressBar 提供了一种简单易用的解决方案，帮助我们轻松实现高度定制化的圆形进度条。本篇文章将为你详细介绍 CircularProgressBar 的功能、特点以及如何快速上手使用。什么是 CircularProgressBar？CircularProgressBar 是一个开源的自定义控件，用于实现 Android 中的圆形进度条。由 lopspower 开发，CircularProgressBar 提供了灵活的 API 和丰富的样式选项，可以轻松满足各种设计需求。 CircularProgressBar 的功能亮点高...

antdesign3.x中Form.create之后拿ref

为了成功地生活，少年人必须学习自立，铲除埋伏各处的障碍，在家庭要教养他，使他具有为人所认可的独立人格。——戴尔·卡耐基相关PR： https://github.com/apache/shenyu-dashboard/pull/534 文档在此：表单 Form - Ant Design 经过 Form.create 之后如果要拿到 ref，可以使用 rc-form 提供的 wrappedComponentRef，详细内容可以查看这里。 123456class CustomizedForm extends React.Component { ... }// use wrappedComponentRefconst EnhancedForm = Form.create()(CustomizedForm);<EnhancedForm wrappedComponentRef={(form) => this.form = form} />this.form // => The instance of Customize...

盲人无白天，醉鬼无时间。——朝鲜 Web-Check：把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态，像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息，手动东查西找不仅费时，还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。项目描述很直接：All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具，也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL，它会从多个维度把相关数据拉齐，生成一份可以阅读、可以操作的综合报告。项目主页：web-check.xyz 在线演示：web-check.as93.net 源码仓库：GitHub-Lissy93/web-check 镜像仓库：Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务，围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明： IP 信息查询域名对应的 IP，为后续探测提供基础。常用于绘制目...

react在ts中提示ref问题

不要太在乎一些人，越在乎，越卑微。——周国平首先按照官方文档的demo写好代码，却报错如下：安装插件Error Lens后：如何解决？前往Text的ref源码，可以看到是需要一个叫LegacyRef的类型我们进LegacyRef，看到其就是Ref或string的类型因此这里我们定义为Ref类型即可这里出现了新的问题，不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码，看到其包含几个重载分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型所以应该使用上面一种重载在原有代码React.useRef()中传入null 报错解决同理，trRef一样注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text，改名为TextRef 除了在定义变量左侧申明类型，在方法右侧也可以申明泛型，让编辑器自动推测

typescript-exercises（十）

如果你不尊敬你的父母，那你的孩子也将不会尊敬你。——佚名题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...

读书使人充实，思考使人深邃，交谈使人清醒。——富兰克林 https://codepen.io/collection/XLebem/ 这里有anime.js实现的不少案例例如移动端的卡片弹出动画实现： https://codepen.io/aryankap/pen/poERmEM 带进度条的提交按钮： https://codepen.io/andrewmillen/pen/MoKLob 带动画的小图标： https://codepen.io/nat-davydova/details/dyorEMm 夜间模式切换按钮： https://codepen.io/borntofrappe/details/aboPapm 等等

阿超

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

数据加载中