当前位置: 首页 > article >正文

vue3动态引入图片

引用:https://blog.csdn.net/weixin_46769087/article/details/144206429

vue3,,,require引入图片失效了,,
直接在动态绑定的src属性上面用 @/assets/xxx ,,不会解析到这个图片,,,
需要现在js中加载好对应的资源再引入:

const name = "c.jpg";
const imagePath = new URL(`../assets/${name}`, import.meta.url).href;


const iconImgList=ref([
  {icon:new URL("@/assets/images/1.jpeg",import.meta.url).href},
  {icon:new URL("@/assets/images/2.jpeg",import.meta.url).href},
  {icon:new URL("@/assets/images/3.jpeg",import.meta.url).href},
  ])

http://www.kler.cn/a/563554.html

相关文章:

  • 【HeadFirst系列之HeadFirst设计模式】第13天之代理模式:控制对象访问的利器!
  • 【二分查找 图论】P8794 [蓝桥杯 2022 国 A] 环境治理|普及
  • Jmeter的自动化测试实施方案
  • 驭势科技9周年:怀揣理想,踏浪前行
  • 深入浅出深度学习中的BatchSize
  • 【10】RUST的迭代器与闭包
  • 【docker】namespace底层机制
  • 在线会议时, 笔记本电脑的麦克风收音效果差是为什么
  • C/C++ | 每日一练 (4)
  • APNG格式图片文件大小优化方案 转WEBP
  • seacmsv9报错注入管理员账号密码,order by 注入,如何解决 information_schema关键字被过滤掉了
  • ElasticSearch核心技术解析:倒排索引与IK分词器如何解决中文搜索痛点
  • MySQL四种备份表的方式
  • 阿里云可观测全面拥抱 OpenTelemetry 社区
  • Android JNI开发指南
  • 【京准时钟】网络时间同步服务器对数据库的重要性
  • PYQT学习笔记-从简单窗口到多功能主窗口的实现
  • vllm的使用方式,入门教程
  • C#异步编程之async与await
  • 选择排序(Selection Sort)详细教程:Java实现与优化