Vue解决img路径报错

问题:

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

解决方法:

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

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

相关推荐
烂蜻蜓8 分钟前
深入理解 Uniapp 中的 px 与 rpx
前端·css·vue.js·uni-app·html
Ama_tor10 分钟前
网页制作06-html,css,javascript初认识のhtml如何建立超链接
javascript·css·html
木亦Sam24 分钟前
响应式网页设计中媒体查询的进阶运用
前端·响应式设计
diemeng111928 分钟前
2024系统编程语言风云变幻:Rust持续领跑,Zig与Ada异军突起
开发语言·前端·后端·rust
烂蜻蜓30 分钟前
Uniapp 中布局魔法:display 属性
前端·javascript·css·vue.js·uni-app·html
视觉CG1 小时前
【Viewer.js】vue3封装图片查看器
开发语言·javascript·vue.js
java1234_小锋1 小时前
一周学会Flask3 Python Web开发-redirect重定向
前端·python·flask·flask3
GDAL1 小时前
UniApp SelectorQuery 讲解
vue.js
琑951 小时前
nextjs项目搭建——头部导航
开发语言·前端·javascript
light多学一点1 小时前
视频的分片上传
前端