vue动态src 为什么不能用 ../的路径

问题

在做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路径