这是神马问题,跟着视频教程敲,就我的图片无法显示,离谱!!!嘿呀

出问题时候

  1. 轮播图的img代码:
<img v-for="(item,index) in dataList"
           :key="index"
           :src="item"
           v-show="n === index"
           alt=""
           @mouseenter = "clearGo"
           @mouseleave="go"
      >
  1. vue中的dataList
return{
      dataList:[
          "../assets/img/pt1.png",
          "../assets/img/pt2.png",
          "../assets/img/pt3.png",
      ],
      n: 0,   //默认显示图片
      interId: null    //定时器
    }
  1. 控制器轮播图处显示如下:(不能放置录屏,难受,呜呜呜)

那我只能用我贫瘠的语言为你描述了,先截个屏

在这里插入图片描述

  • 控制台里面图片在动,但就是不显示,无法加载,离谱了就,图片路径绝对正确(此刻的我开始怀疑我的vue是不是没有安装什么插件,幸亏搞定了,要不今晚上脚手架都得重安。)

发现问题和解决问题

  1. 在这里插入图片描述
    改正: 在这里插入图片描述
  • 主要是这句:src="require('../assets/img/'+item)"(改成自己的图片路径+item)
  1. vue中dataList改正:
    在这里插入图片描述

好勒,图片就可以正常显示,开始轮播喽!

Logo

前往低代码交流专区

更多推荐