Element Plus:图标

第一步:npm install @element-plus/icons-vue

第二步:在main.js

javascript 复制代码
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

第三步:在你需要用的地方页面

(1)按钮:

javascript 复制代码
<el-button size="small" type="primary" :icon="Edit" @click="openEditFileInfoModal(scope.row)">编辑</el-button>
<el-button size="small" type="danger" :icon="Delete" @click="deleteDownLoadList(scope.row.id)">删除</el-button>

(2)自定义:

javascript 复制代码
<el-button type="primary" @click="openAddCoverFile"><el-icon style="margin: 0 4px 0 0"><CirclePlus /></el-icon>新增</el-button>

<el-button type="primary" @click="chooseVideo">上传视频<el-icon class="el-icon--right"><UploadFilled /></el-icon></el-button>
相关推荐
非洲农业不发达2 分钟前
windows终端体验大升级,让你拥有macos级别的美化
前端·后端
妙码生花10 分钟前
从 PHP 到 AI + Golang,程序员自救转型手记(十七):登录接口完善,登录页接口整合,解决跨域
前端·后端·ai编程
唐诗20 分钟前
改 3 行配置,我的 Tauri dev 冷启动从 100 秒干到 4 秒
前端·客户端
SmartBoyW32 分钟前
深入ECMAScript规范:彻底搞懂JS隐式类型转换与底层ToPrimitive机制
前端·javascript
牧艺34 分钟前
Cursor Rules / Skills 分层设计:让 Agent 像「团队新同事」
前端·人工智能·cursor
光影少年1 小时前
react navite 跨端核心原理
前端·react native·react.js
monologues1 小时前
Vue 3 渲染器的核心秘密:从 VNode 创建到快速 Diff 算法
前端
奇奇怪怪的1 小时前
从开发到生产——生成优化、监控、安全与成本
前端
10share1 小时前
100行代码 模拟实现Vue 响应式系统
前端·vue.js
Heo1 小时前
Vite进阶用法详解
前端·javascript·面试