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

2018-07-31  本文已影响0人  赵任QAQ

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")
      ]
    }
  }
上一篇 下一篇

猜你喜欢

热点阅读