vue制作轮播图时显示图片无法加载问题
这是神马问题,跟着视频教程敲,就我的图片无法显示,离谱!!!嘿呀出问题时候轮播图的img代码:<img v-for="(item,index) in dataList":key="index":src="item"v-show="n === index"alt=""@mouseenter = "clearGo"@mouseleave="go".
·
这是神马问题,跟着视频教程敲,就我的图片无法显示,离谱!!!嘿呀
出问题时候
- 轮播图的img代码:
<img v-for="(item,index) in dataList"
:key="index"
:src="item"
v-show="n === index"
alt=""
@mouseenter = "clearGo"
@mouseleave="go"
>
- vue中的dataList
return{
dataList:[
"../assets/img/pt1.png",
"../assets/img/pt2.png",
"../assets/img/pt3.png",
],
n: 0, //默认显示图片
interId: null //定时器
}
- 控制器轮播图处显示如下:(不能放置录屏,难受,呜呜呜)
那我只能用我贫瘠的语言为你描述了,先截个屏
- 控制台里面图片在动,但就是不显示,无法加载,离谱了就,图片路径绝对正确(此刻的我开始怀疑我的vue是不是没有安装什么插件,幸亏搞定了,要不今晚上脚手架都得重安。)
发现问题和解决问题
改正:
- 主要是这句
:src="require('../assets/img/'+item)"
(改成自己的图片路径+item)
- vue中dataList改正:
好勒,图片就可以正常显示,开始轮播喽!
更多推荐
已为社区贡献3条内容
所有评论(0)