element+-ui图片无法使用--安装

element+-ui图片无法使用

  1. 安装npm install @element-plus/icons-vue

  2. 注册

    js 复制代码
    // main.js
    
    import * as ElementPlusIconsVue from '@element-plus/icons-vue'
    
    const app = createApp(App)
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
      app.component(key, component)
    }
  3. 引用

    js 复制代码
    <el-icon :size="100">
      <UploadFilled />
    </el-icon>

欢迎关注:有点建树 ,做更多交流。

相关推荐
比特森林探险记6 小时前
React API集成与路由
前端·react.js·前端框架
m0_748229999 小时前
Vue1.x:响应式前端框架的起点
前端框架
San30.11 小时前
深度解析 React Router v6:构建企业级单页应用(SPA)的全栈式指南
前端·react.js·前端框架
weixin_4462608511 小时前
用React程序化创建精彩视频,提升创作效率!
前端·react.js·前端框架
小小弯_Shelby12 小时前
el-table固定列显示错位问题处理
vue.js·elementui
zihan03211 天前
分享基于SpringBoot,SpringDataJpa, Vue3, ElementPlus 的权限管理系统,适用于各类前后端分离项目的开发
前端框架·前后端分离权限管理系统
colicode1 天前
集成短信接口开发指南:全栈项目中短信接口跨端集成方案
前端·前端框架
光影少年1 天前
react的hooks优缺点、底层实现及hooks参数
前端·react.js·前端框架
这个昵称也不能用吗?1 天前
React 19 【use】hook使用简介
前端·react.js·前端框架
晚霞的不甘1 天前
Flutter for OpenHarmony《智慧字典》中的沉浸式学习:成语测试与填空练习等功能详解
学习·flutter·ui·信息可视化·前端框架·鸿蒙