先安装Element Plus的Icon库
npm install @element-plus/icons-vue
控制台警告信息:
runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Failed to resolve component: plus
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <Register onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null > >
at <RouterView>
at <App>
我的代码:
<el-upload
class="avatar-uploader"
action="http://localhost:8080/api/oss/uploadAvatar"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<img v-if="avatarUrl" :src="avatarUrl" class="avatar" />
<el-icon v-else class="avatar-uploader-icon"><plus /></el-icon>
</el-upload>
不显示图标:
解决:
需要先将图标作为组件引入,在components中引入后即可显示
最终效果