.vue文件插入图片

2017-11-08 本文已影响0人 _Charles

一

HTML:
img(:src='imgUrl')

JS:
export default {
  data () {
    return {
      imgUrl: './images/logo.png'
    }
  }
}

直接这么写会被webpack当成字符串处理，引用的并不是真正的图片路径，正确写法：

HTML:
img(:src='imgUrl')
import logo from './images/logo.png'

export default {
  data () {
    return {
      imgUrl: logo
    }
  }
}

二

data () {
  return {
    imgUrl: 'http://www.baidu.com/imgs/logo.png'
  }
}