jiaqinxu 2021-12-08 00:31 采纳率: 100%
浏览 131
已结题

尚硅谷谷粒商城头像不显示

在谷粒商城的P93头像上传这里,我的所有图片都能正常上传到阿里oss,但是在上传完之后没法正常显示图片,具体点开之后src显示的是undefined
这种情况不知道怎么做了,卡了2小时了脑壳疼
这里已经改成了String(teacher.avater)

        <!-- 头衔缩略图 -->
        <pan-thumb :image="String(teacher.avater)" />

用F12里的小鼠标点开图片后跳出html的提示是这样的

img

<img data-v-175fbaac="" src="undefined" class="pan-thumb">

上传完成后能顺利输出图片的url,所以应该问题就出在输出图片这里了,想不明白,来位神仙吧!

img

  • 写回答

4条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-08 09:50
    关注
    1. 返回的地址本来就是字符串,不需要string()转
    2. 显示src=“undefined” 就是因为你转字符串了,而teacher对象上不存在avater属性,所以转换成了undefined;
      如果直接绑定teacher.avater且teacher对象上不存在avater属性,img标签连src属性都没有
    3. 你确定一下真的返回图片地址了?打开控制台,切到network选项卡,看看上传图片接口是否返回了地址,或者你在代码里打印一下
    4. 看看是否把地址赋值给了teacher对象的avater属性

    如有帮助,望采纳 ^.^ 谢谢啦~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 创建了问题 12月8日

悬赏问题

  • ¥15 高价求抖音抓包技术,抖音抓包无网络问题
  • ¥15 【matlab】已知功率谱密度反求时域信号
  • ¥15 mindspore项目_模型适配
  • ¥15 openstack使用cinder后,实例运行时分配的总空间不能大于ceph的总空间
  • ¥15 [pcl::PLYWriter::writeASCII] Error during opening (?鶂?)!
  • ¥15 得到XY两轴的数据如何绘制成圆,输入整形器
  • ¥29 PHP读取PDF文件添加多个数字签名
  • ¥25 联邦学习vgg修改最后一个全连接层报错(默认是1000个输出,我的改为11就报错,改为200就没问题)
  • ¥15 maple画图问题,为什么会是这样
  • ¥15 RC522开发arduino作品刷卡失效