小书go 2018-03-12 01:25 采纳率: 80%
浏览 16958
已采纳

Vue.js 使用element-ui 做走马灯,图片一直显示不出来

 <template>
  <div  id="app" class="block">
    <span class="demonstration">Click 指示器触发</span>
    <el-carousel trigger="click" height="300px">
      <el-carousel-item v-for="(img,index) in imgList" :key="index">
        <img v-bind:src="img.url">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

代码一直都是拷贝官网的,url也一直能得到,但是图片打死获取不到,不涉及动态资源图片就是本地的几张图片图片说明

  • 写回答

9条回答 默认 最新

  • Elliotbaird 2018-03-16 09:28
    关注

    写在data里面的路径只会当成一个字符串,当使用:src=""来绑定的时候不能达到预期的效果,解决的办法有url: require('.assert/1.jpm')手动把图片引入,否则配置的loader是不会根据图片路径把图片找出来

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(8条)

报告相同问题?