關於vue的img標籤綁定的src的路徑找不到的問題

在前端開發中，img標籤的src屬性很是常見，有不少時候須要使用內聯樣式來綁定此屬性，可是在vue-cli項目中，咱們沒法經過常見的../這樣的相對路徑來使用圖片，一般須要使用別名,個人項目裏已經設置@做爲src的別名，可是因爲該對象是做爲地圖組件中marker類的圖標使用，所以在通過高德地圖的地圖組件渲染後，獲得的效果以下：

---

var img = document.createElement('img')
    img.src = "@/assets/map_images/place.png"
    img.style.height = '35px';
    img.style.width = '30px';

咱們能夠看到通過地圖組件渲染後，src被直接解析成了普通的字符串，這裏雖然已經使用了別名，可是並沒能被解析成url，通過查找資料，發現可使用node.js的require方法獲取到圖片的url，再將圖片的url做爲src路徑使用，效果以下：

var img = document.createElement('img')
     img.src =  require('@/assets/map_images/place.png')
     img.style.height = '35px';
     img.style.width = '30px';

至此，在地圖組件內使用url沒法解析的問題獲得瞭解決。