关于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';

《关于vue的img标签绑定的src的途径找不到的题目》《关于vue的img标签绑定的src的途径找不到的题目》

我们能够看到经由舆图组件衬着后,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';

《关于vue的img标签绑定的src的途径找不到的题目》《关于vue的img标签绑定的src的途径找不到的题目》
至此,在舆图组件内运用url没法剖析的题目获得了处理。

    原文作者:连理枝
    原文地址: https://segmentfault.com/a/1190000017237511
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞