element plus的avatar头像为什么显示不出来呢？

诸葛雨鑫提问于 2026-02-09 18:33:20 阅读 32

组件

我在用element plus的avatar组件，按照文档写了代码但就是不显示，用了src属性和插槽都试过了。

代码大概是这样：


<el-avatar :size="50" :src="userAvatar">
  <img v-if="!userAvatar" src="@/assets/default-avatar.png" />
</el-avatar>

数据里userAvatar是正确的网络路径，控制台也没报错，页面上就留了个空白位置。换其他组件比如el-button就能正常显示，这是怎么回事啊？

我来解答赞 4 收藏

反馈

1 条解答

博主燕丽 Lv1

src 是字符串直接传，别用 :src 绑定网络路径的话要完整 URL。

<el-avatar size="50" src="https://example.com/avatar.png">

  <img src="@/assets/default-avatar.png" />

</el-avatar>

就这样。

2026-02-09 19:01