Vue.js 使用element-ui 做走马灯,图片无法显示的解决方法

data中的路径只会被当做普通的字符串,因此无法获取图片

data () {
    return {
      carousels: [
        "../assets/img/carousel_1.png",
        "../assets/img/carousel_2.png",
        "../assets/img/carousel_3.png",
       "../assets/img/carousel_4.png"
      ]
    }
  }

在data中的路径应写为:

data () {
    return {
      carousels: [
        require("../assets/img/carousel_1.png"),
        require("../assets/img/carousel_2.png"),
        require("../assets/img/carousel_3.png"),
        require("../assets/img/carousel_4.png")
      ]
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,547评论 8 265
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 今天我想要给大家介绍的的一种快速排版语言,名为Markdown,这个语言特点就是快!简单!如果你想在网络上发布博文...
    夏华菌阅读 483评论 3 1
  • 夕阳留照小栏杆,白涧金沙木叶丹。 童稚林间寻剩果,老农石上起沈鼾。 人生惬意当如此,世事烦心为那般? 见惯春来秋又...
    朗读者_LDZ阅读 201评论 2 5
  • 在美国居住了那么多年的郎平,接触到各种高端的保健品,但她却十几年一直在喝大溪地诺丽果汁,而且免费代言!世界上还有哪...
    龙叔919阅读 958评论 0 0