vue綁定圖片路徑數據問題

初次使用vue,遇到了許多小細節問題,比如data裏面的靜態圖片路徑渲染到頁面上的問題,天真的我以爲直接寫圖片的相對路徑就可以了,然而失敗了,我還是太嫩了,如圖,

裏面的圖片路徑無法渲染在頁面上,百度了一下,基本用兩種方法解決。

1、加require,如 headerImg: require('../../../assets/img/man.png'),這樣就可以顯示出來了。

2、把圖片放在static文件夾裏面,用絕對路徑引入,如 headerImg: 'static/img/man.png',這樣也可以

 

還有什麼好用寫法嗎?請多多指教

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章