- vue動態(tài)綁定img src時，出現(xiàn)404屈留，原因在于路徑并不會被 webpack 編譯软免，還保持著相對路徑的狀態(tài)。
如以下代碼：
data () {
return {
path: '../resource/img/song.png'
}
}
應(yīng)修改代碼如下：
data () {
return {
path: require('../resource/img/song.png')
}
}
拓展:
如果使用的是背景圖的方式玻蝌，那么在上述js的基礎(chǔ)上，可以這樣
<div :style="{backgroundImage: 'url(' + path + ')'}"></div>
或者直接在css中定義
background-image: url('../resource/img/song.png');
