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

一、引用

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

二、赋值给变量

defaultImg:imgSrc,

三、将变量给img标签

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

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

相关推荐
ObjectX前端实验室12 分钟前
【react18原理探究实践】React Effect List 构建与 Commit 阶段详解
前端·react.js
用户1456775610371 小时前
文件太大传不了?用它一压,秒变合格尺寸!
前端
用户1456775610371 小时前
再也不用一张张处理了!批量压缩神器来了,快收藏
前端
心.c1 小时前
一套完整的前端“白屏”问题分析与解决方案(性能优化)
前端·javascript·性能优化·html
white-persist1 小时前
【burp手机真机抓包】Burp Suite 在真机(Android and IOS)抓包手机APP + 微信小程序详细教程
android·前端·ios·智能手机·微信小程序·小程序·原型模式
俺会hello我的1 小时前
舒尔特方格开源
前端·javascript·开源
lbh2 小时前
Chrome DevTools 详解(二):Console 面板
前端·javascript·浏览器
ObjectX前端实验室2 小时前
【react18原理探究实践】更新阶段 Render 与 Diff 算法详解
前端·react.js
wxr06162 小时前
部署Spring Boot项目+mysql并允许前端本地访问的步骤
前端·javascript·vue.js·阿里云·vue3·springboot
万邦科技Lafite2 小时前
如何对接API接口?需要用到哪些软件工具?
java·前端·python·api·开放api·电商开放平台