vue中怎样渲染从后台数据库中获取到的地址图片呢

Question

后台拿到的完整的地址是 http://122.152.205.72:88/group1/M00/00/05/CpoxxFw_8_qAIlFXAAAcIhVPdSg994.png 对应图片中的userInfo.face
如图片中那样写获取不到,试了网上说的加require也不行,请大佬帮忙

Answer 1

三种方法实现:
1.<img :src="require(../../assets/images/${item.icon})" />
2.使用：src 绑定一个函数，然后在methods中定义这个函数，函数内部还是使用require来获取到正确的地址后，返回出去。
<img :src="bindIcon(item.icon)" />
在methods中定义一个函数
bindIcon(icon) { return require("@/assets/images/"+icon); }
3.用过滤器，filter，与方法2类似

Answer 2

直接浏览器是能打开的,f12调试下是正常的吗

Answer 3

看看浏览器里渲染出来是啥样的

Answer 4

userIsLogin的初始值是什么？两张图片都没出来？还有考虑一下异步的问题，有可能是数据还没回来，看一下数据是否已经回来