Vue解决img路径报错

问题:

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

解决方法:

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

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

相关推荐
是大林的林吖19 小时前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室19 小时前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
一 乐19 小时前
个人博客|博客app|基于Springboot+微信小程序的个人博客app系统设计与实现(源码+数据库+文档)
java·前端·数据库·spring boot·后端·小程序·论文
默 语19 小时前
Electron 应用中的系统检测方案对比与鸿蒙适配实践
javascript·electron·harmonyos·gwo
sTone8737519 小时前
Android Room部件协同使用
android·前端
Zyx200719 小时前
JavaScript 异步编程深度解析(上):单线程、事件循环与异步的本质
javascript
晴殇i19 小时前
前端代码规范体系建设与团队落地实践
前端·javascript·面试
用户740546399430919 小时前
Vite 库模式输出 ESM 格式时的依赖处理方案
前端·vite
开发者小天19 小时前
React中使用useParams
前端·javascript·react.js
lichong95120 小时前
Android studio release 包打包配置 build.gradle
android·前端·ide·flutter·android studio·大前端·大前端++