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

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.dtcms.com/a/39460.html

相关文章:

  • 前端依赖nrm镜像管理工具
  • 软考程序员考试内容和备考策略
  • 补充:文件上传、下载传输给前端之直接传递图片二进制数据:网络中的图片、音频、视频等非字符数据的传输
  • 港科大提出开放全曲音乐生成基础模型YuE:可将歌词转换成完整歌曲
  • 每日Attention学习24——Strip Convolution Block
  • 嵌入式开发工程师笔试面试指南-Linux系统移植
  • 计算机组成与接口10
  • 深入探索C语言中的sscanf和sprintf函数
  • 【C++笔记】C++11智能指针的使用及其原理
  • 2025年SCI1区TOP:真菌生长优化算法FGO,深度解析+性能实测
  • java23种设计模式-观察者模式
  • Spring MVC框架六:Ajax技术
  • 用 DeepSeek 打样!KubeSphere LuBan 用 3 天/3 分钟“干掉”大模型部署焦虑
  • 第五六七章
  • Element Plus: el-card的内容滚动问题
  • ES 客户端 API 二次封装思想
  • C++大整数类的设计与实现
  • 点云配准技术的演进与前沿探索:从传统算法到深度学习融合(2)
  • 【Grok3】强化学习(Reinforcement Learning, RL)复习文档
  • Python 编程题 第二节:组合数字、乘法口诀表、水仙花数、反向输出四位数、判断三角形
  • 蓝桥杯 五子棋对弈
  • AI人工智能机器学习之神经网络
  • 人工智能丨大语言模型不再高不可攀!DeepSeek开源FlashMLA,开启AI新纪元
  • 验证码介绍及生成与验证(HTML + JavaScript实现)
  • 组件注册方式、传递数据
  • 实体机器人识别虚拟环境中障碍物
  • Layui页面粘贴的方法
  • python整理文件下
  • 对 flask 框架中的全局变量 request 探究
  • SQL_优化