Stellen Sie eine Frage:
目錄
__ src
|_ assets
|_imgs
|_ imgloading.gif
|_ imgerror.jpg
__ static
|_ imgloading.gif
|_ imgerror.jpg
// src/main.js
Vue.use(VueLazyload, {
error: './assets/imgs/imgerror.jpg',
loading: './assets/imgs/imgloading.gif',
preLoad: 1,
attempt: 1
});
Executionnpm run dev
在瀏覽器中報(bào)錯(cuò)http://localhost:8080/assets/images/.... 找不到
,把上面的路徑改成/src/assets/imgs/imgerror.jpg
meldet ebenfalls einen Fehler.
Dann habe ich das Bild unter dem Ordner static auf der gleichen Ebene wie src abgelegt und den Code neu geschrieben:
// src/main.js
Vue.use(VueLazyload, {
error: '../static/imgerror.jpg',
loading: '../static/imgloading.gif',
preLoad: 1,
attempt: 1
});
Das Bild kann erfolgreich geladen werden. Ich dachte, ich h?tte lange keine Ahnung.
溫故而知新,可以為師矣。 博客:www.ouyangke.com
說(shuō)是在模板中的路徑會(huì)被webpack解析,而js中的路徑需要通過(guò)import、require引用或?qū)D片放在static下面參考