vue使用本地图片设置为默认图

一、引用

import imgSrc = '@/assets/common/image/xxx.png'

二、赋值给变量

defaultImg:imgSrc,

三、将变量给img标签

复制代码
<img :src="defaultImg:imgSrc" alt="icon">

注意:这里直接使用路径给变量是无法实现的哟

相关推荐
星河耀银海几秒前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5
阿黎梨梨1 分钟前
二分查找进阶:在排序数组中寻找元素的边界
javascript
HarvestHarvest3 分钟前
【Copy Web独立开发者实战:我是如何用 AI 实现网页 UI 1:1 完美复刻的?】
前端·人工智能·ui
RuoyiOffice3 分钟前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
昭昭颂桉a5 分钟前
TypeScript 前端的必修课,从 JS 到 TS
开发语言·前端·javascript·typescript
用户938515635076 分钟前
从零实现一个 Todos 应用:原生 Ajax + Node 服务,顺便吃透 JSON.stringify
前端·javascript·后端
英勇无比的消炎药6 分钟前
少踩坑TinyVue插槽事件编码规范详解
vue.js
程序猿阿伟8 分钟前
《Chrome扩展:穿透沙箱与签名体系的技术本质》
前端·chrome
飘尘9 分钟前
豆包里一句话就能P图生视频,背后究竟发生了什么?
前端·人工智能·aigc
codeking14 分钟前
3 步把 AI 桌面自动化从失控拉回可用
javascript·架构