H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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


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

回答

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

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

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

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

未经允许不得转载:H5W3 » vue中怎样渲染从后台数据库中获取到的地址图片呢

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址