一
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'
}
}