Vue 使用 el-avatar 头像无法直接加载本地图片问题

坑货,手册上不写本地引入方法
一开始怀疑路径问题,
后来怀疑图片背景透明问题

1、导入图片
//在script中导入
import heada_Image from"../assets/headInage.jpg"
//在data中定义

data() {
return {
headImage:heada_Image,//---需要import,这里直接写路径不行
}
}

2、在 el-avatar使用
网页图片可以直接获取,不需要使用绑定功能


3、网页图片展示:---网络图片可以直接展示

相关文章

这篇文章我们将通过debug源码的方式来带你搞清楚defineAsync...
欧阳老老实实的更新自己的高质量vue源码文章,还被某2.6k st...
前言 在Vue3.5版本中响应式 Props 解构终于正式转正了,这个...
组合式 (Composition) API 的一大特点是“非常灵活”,但也因...
相信你最近应该看到了不少介绍Vue Vine的文章,这篇文章我们...
前言 在欧阳的上一篇 这应该是全网最详细的Vue3.5版本解读文...