vue中img错误默认图片

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

|浏览量:

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

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

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

也就是需要这么写：

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

相关推荐

血沃中原肥劲草，寒凝大地发春华——鲁迅 Ralph：一只不肯下班的自治 AI 工程师循环体——直到 PRD 全部打勾才肯停Ralph 不是一个“聊天型”工具。 Ralph 更像是你团队里那个最较真、最执拗、最愿意熬夜的工程搭子：你把 PRD 交给他，他不问“要不要我帮你想想”，他直接开跑——一轮、一轮、再一轮——直到 PRD 上每一个条目都被标记为完成。它的自我介绍非常直接： Ralph is an autonomous AI agent loop that runs AI coding tools (Amp or Claude Code) repeatedly until all PRD items are complete.Each iteration is a fresh instance with clean context.Memory persists via git history, progress.txt, and prd.json. 一句话翻译成工程语言：Ralph = 一个 Bash 循环 + 一个会写代码的 AI 工具 + 一个严格的任...

dvajs中@connect在hook下使用

美而无德，有如没有香味的花，徒有其表。——笛福在Dva.js中，@connect 是 connect 的语法糖，它允许我们更方便地将模型（models）与组件进行映射。在类组件中使用 @connect 是非常直观的，但在函数式组件（hook）中，由于函数组件的渲染逻辑是由函数本身直接定义的，而不是通过继承 React.Component，因此我们不能直接使用 @connect 装饰器。不过，我们可以通过使用 connect 函数的 Hook 版本来实现类似的功能。在函数式组件中，我们可以使用 useSelector 和 useDispatch 这两个 hooks 来分别获取 state 和 dispatch action。这样，我们就可以在函数式组件中实现与 @connect 相似的效果。下面是一个如何在函数式组件中使用 connect 的示例： 12345678910111213141516171819202122232425262728293031323334import React from 'react';import { con...

没有比脚更长的路，没有比人更高的山。――汪国真《山高路远》 Fabric.js：浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中，图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画，还是数据可视化，HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强，却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验？如果答案是 YES，那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎！一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库，专为现代浏览器设计，能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力，还提供了对象化管理、序列化、事件监听、自由变形等高级功能，成为前端图形应用的“事实标准”。项目地址：https://github.com/fabricjs/fabric.js 官网演示：h...

运筹帷幄之中，决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich：高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代，照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升，越来越多的人开始厌倦“云厂商锁定”，渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich，正是当前全球最火爆的自托管多媒体管理新秀，它不仅是“Google Photos 的开源替代”，更是极客与家庭用户的首选新宠。一、项目简介项目地址：immich-app/immich 官网：https://immich.app 一句话描述：High performance self-hosted photo and video management solution. 主语言：TypeScript（前后端均现代技术栈） Star：81,736+ Forks：4,296+ License：AGPL-3.0 标签：self-hosted photo-gallery ...

react hook 生命周期

诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》官方文档：https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码： 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...

vue中新增属性视图问题

计利当计天下利，求名应求万世名——于右任我们在进行vue前端开发的时候，可能会遇到这种情况：首先我们此处双向绑定了一个变量中的属性 12345<template> <div> <div>{{ myObject.newProperty }}</div> </div></template> 然后下面的data只有该对象变量，并无此属性 12345678<script>export default { data() { return { myObject: {} }; }</script> 此时我们调用一个方法，给它的新增变量赋值 1this.myObject.newProperty = 'ruben'; 可以看到外部是并未监听到，视图没有更新，导致我们页面没渲染上去该变量属性的值此处我们当然可以使用vm.$forceUpdate去强制更...

阿超

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

数据加载中