vue中img错误默认图片

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

|浏览量:

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

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

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

也就是需要这么写：

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

相关推荐

在判断之前，应当消除内心的成见。——塞涅卡分享一个基于SVG的画板项目： https://drauu.netlify.app/ https://github.com/antfu/drauu

新版vue项目的创建

下载nodejs 然后一直下一步安装就行打开vscode 点击左下角的点击终端（Win+R输入cmd或者powershell一样的）然后开始安装vue 1234567891011121314151617181920212223242526#查看版本(如果nodejs安装完了还是显示不是内部或外部命令，也不是可运行的程序或批处理文件，重新打开一下vscode或命令框)PS C:\Users\1> npm -v6.14.5#安装cnpmPS C:\Users\1> npm install -g cnpm --registry=https://registry.npm.taobao.org#查看cnpm版本PS C:\Users\1> cnpm -vcnpm@6.1.1 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)npm@6.14.5 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\...

礼仪周全能宁人息事——茹贝尔 gridsome是一个基于 Vue.js 构建的 Jamstack 框架官方文档：https://www.gridsome.cn/ 这个可以帮助我们快速建造一个网站，其特点是graphql，不需要服务端，开发快、性能好，前端人员大爱不过吐槽一下，点击中文文档竟然是英文的。。。借助翻译插件还是能勉强看懂，哈哈这个翻译插件是沙拉查词

vue页面加载完毕之后执行

好奇心造就科学家和诗人。——法朗士当vue页面加载完成后触发我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下

兼听则明，偏信则暗。——魏徽昨天分享了 aem1k 今天是js1k https://js1k.com/ 其中有很多有趣的代码 https://js1k.com/2019-x/ 例如这个吃豆人： https://js1k.com/2019-x/demo/4122 代码： https://js1k.com/2019-x/details/4122 效果：

变量解构赋值

既然有时间在最后壮烈牺牲，不如完美地活到最后一刻——坂田银时/银魂前两天有朋友问我，这个写法看不懂，让我给他讲讲它这里用到了一个ES6的新特性：解构赋值这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点，如果我们使用的名字不同的话，是无法取得里面的属性的例如 123456789var param = { columns: { property: "...

阿超

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

数据加载中