Vue解决img路径报错

问题:

我们有一组图片的地址,使用v-for遍历img标签,设置src属性,却无法获取图片

解决方法:

因为我们将图片路径放入data中后会被webpack进行打包,这时候的路径仅仅只是一个字符串,无法进行解析。

我们使用require获取图片路径,再渲染到页面中就解决了这个问题。

相关推荐
计算机魔术师1 分钟前
新文章
前端
爱跳舞的烤冷面4 分钟前
自学嵌入式第N天(Linux篇——文件编程)
java·开发语言·前端
IT_陈寒10 分钟前
Vite的热更新突然失效,原来我忽略了这个配置
前端·人工智能·后端
怪奇云呼军12 分钟前
闪电智能VoiceAgent 如何管理呼入、接听、桥接和挂断状态?
java·前端·网络·数据库·人工智能
云浪14 分钟前
Milvus + RAG 实战:《红楼梦》问答助手
前端·人工智能·后端
梦醒沉醉28 分钟前
2、JavaScript控制流和错误处理
javascript
恋猫de小郭32 分钟前
Dart 3.13 大更新,感觉比 Flutter 更带劲
android·前端·flutter
晓得迷路了33 分钟前
栗子前端技术周刊第 142 期 - DeepSeek Harness、pnpm 12 RC、crypto‑js...
前端·javascript·ai编程
xiaoxiangsiyan39 分钟前
RHCE之2026年全套考点详解
运维·前端·网络·chrome·学习·rhce
Fluxart.ai44 分钟前
Etsy手工制品换背景,用什么AI能保留手作质感?
前端·javascript·人工智能