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>

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

相关推荐
San304 小时前
现代前端工程化实战:从 Vite 到 React Router demo的构建之旅
react.js·前端框架·vite
Qinana5 小时前
从零开始实现 GitHub 仓库导航器(Windows 实操版)
react.js·前端框架·vite
AAA阿giao8 小时前
从零开始学 React:用搭积木的方式构建你的第一个网页!
前端·javascript·学习·react.js·前端框架·vite·jsx
小明记账簿10 小时前
An unexpected error occurred: “https://registry.npm.taobao.org/
前端·前端框架
道之极万物灭11 小时前
NiceGUI之Button操作(ElementPlus组件库)
python·elementui·web组件·nicegui
_请输入用户名12 小时前
打开Vue3的黑匣子:工程结构背后的设计哲学
vue.js·前端框架
旧梦星轨12 小时前
掌握 Vite 环境配置:从 .env 文件到运行模式的完整实践
前端·前端框架·node.js·vue·react
芳草萋萋鹦鹉洲哦13 小时前
【elementUI】form表单rules没生效
前端·javascript·elementui