问题
在做Vue
项目的时候,由于项目需求,需要动态绑定img
的src
时,突然发现如果说是直接请求后台接口的图片地址就能显示,但是直接动态绑定img
的src
的图片的相对路径或者是绝对路径的时候,图片不能显示,控制台也不报错
html 代码
js 代码 data
但是浏览器不报错,而且f12查看元素的时候
说明已经渲染到了html的img的src上了,但是不显示在页面上
解决方法:
当在给数据 url
设置绝对路径或者是相对路径时应该使用import
引入才能成功
绝对路径
: ‘:c/image/图片.jpg’
或者是 https://img2.baidu.com/it/u=2875912344,2065082867&fm=26&fmt=auto
绝对路径的方法:
html
js
import
的解决办法
html
js
总结:
当动态绑定img
的src
的时候,vue
数据绑定图片的相对路径或者是绝对路径的时候,需要import
路径