vue中img错误默认图片

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

|浏览量:

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

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

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

也就是需要这么写：

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

相关推荐

曾因酒醉鞭名马，生怕情多累美人。——郁达夫官方网址：https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时，会反复下载、重复下载，如果有一款工具，能够缓存起来我们的下载，那就是pnpm了快速pnpm 是同类工具速度的将近 2 倍高效node_modules 中的所有文件均链接自单一存储位置支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持权限严格pnpm 创建的 node_modules 默认并非扁平结构，因此代码无法对任意软件包进行访问安装很简单，就像普通安装一个模块一样即可： 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v

vue中特殊的prop和事件

懒惰等于将一个人活埋。——泰勒我们知道v-model可以用于input等标签，当做语法糖进行绑值对于我们自定义的组件，其实也可以使用官方文档例如此处我们可以让input改变值时，父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...

微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》最近发现了一个非常有趣且实用的前端开发辅助工具 —— Page Spy，由 HuolalaTech 开发并开源。这款工具旨在为前端开发者提供实时的页面监控能力，可以帮助快速分析页面的元素、性能以及数据交互等关键信息，尤其在调试复杂页面时显得格外高效。 Page Spy 的定位类似于浏览器的开发者工具，但提供了一些更便捷的功能，特别是在页面性能监控和数据分析方面。这款工具可以实时捕获页面的 DOM 结构变化、资源加载情况以及 API 请求数据，对于开发和优化网页性能非常有帮助。安装和使用 Page Spy 十分简单。只需从 GitHub 项目页面获取源码，或者通过浏览器扩展形式直接加载：克隆项目到本地： 12git clone https://github.com/HuolalaTech/page-spy-web.gitcd page-spy-web 按照项目中的说明运行工具，或者将扩展加载到你的浏览器中。一旦加载完成，打开目标网页，激活 Page Spy，即可开始实时监控。 ...

一个人的行动，比他所说的话，更有详细的表现。——卡耐基分享一个动画库ant-motion 官方文档：https://motion.ant.design/index-cn 提供的效果也是非常好看是一个值得一试的动画库

阿谀奉承而无所图的人极少；爱奉承的话，就免不了要付出代价——佚名一个js的3D库 git仓库：https://github.com/mrdoob/three.js 官网：https://threejs.org/ 其中包含了很多案例甚至有用它做游戏：

伟大变为可笑只有一步，但再走一步，可笑又会变为伟大。——佩思 https://docusaurus.io/ docusaurus可以快速构建文档、博客等站点，非常方便好用 apache-streampark就用的这个构建的官网

阿超

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

数据加载中