技術標籤：VueHTMLVueimage

最近用Vue開發一個h5頁面，網路圖片可以正確顯示，但是本地圖片無法顯示
原始碼

<img src="../../assets/image/home.png" alt=""/>

找了很多種方法均不行
比如

<img src="[email protected]/static/Trump.jpg" class="image">

和
src寫imgurl用動態獲取的方式，src=require（"xxx"）

後來發現直接引入可以

import homeImg from '../../assets/image/home.png'
export default {
  data: {
    imgObj: {homeImg},
  }
  // xxx
}

然後在html中

<img :src="imgObj.homeImg" alt=""/>

圖片可以顯示了，完美，