一
HTML:
img(:src='imgUrl')
JS:
export default {
data () {
return {
imgUrl: './images/logo.png'
}
}
}
直接這么寫會(huì)被webpack當(dāng)成字符串處理,引用的并不是真正的圖片路徑润梯,正確寫法:
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'
}
}