1. 程式人生 > >vue 圖片不顯示,引用路徑出錯

vue 圖片不顯示,引用路徑出錯

在做專案中,遇到把img圖片作為變數放在data裡,引用會發現圖片不顯示,以為是路徑的問題,其實是webpack的事。

方案1: 使用require將圖片進入,寫法如下

image: require('../../assets/img/mine.png')

模板:

<img :src="image">

方案2:把圖片放在static資料夾中,如下

然後直接在data裡面這樣寫

image:'../../static/img/mine.png'