Vue解决img路径报错

问题:

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

解决方法:

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

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

相关推荐
热忱112840 分钟前
elementUI Table组件实现表头吸顶效果
前端·vue.js·elementui
林涧泣1 小时前
【Uniapp-Vue3】setTabBar设置TabBar和下拉刷新API
前端
Rhys..1 小时前
Jenkins pipline怎么设置定时跑脚本
运维·前端·jenkins
易林示1 小时前
chrome小插件:长图片等分切割
前端·chrome
w(゚Д゚)w吓洗宝宝了1 小时前
单例模式 - 单例模式的实现与应用
开发语言·javascript·单例模式
大叔_爱编程1 小时前
wx035基于springboot+vue+uniapp的校园二手交易小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
zhaocarbon1 小时前
VUE elTree 无子级 隐藏展开图标
前端·javascript·vue.js
浏览器爱好者2 小时前
如何在AWS上部署一个Web应用?
前端·云计算·aws
xiao-xiang2 小时前
jenkins-通过api获取所有job及最新build信息
前端·servlet·jenkins
C语言魔术师3 小时前
【小游戏篇】三子棋游戏
前端·算法·游戏