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>
相关推荐
码视野1 分钟前
基于 Vue3 + Element Plus 的【无人值守共享自习室与空间智能预约系统】设计与实现(含PRD/三端源码/大屏)
前端·javascript·vue.js·人工智能·vue3
码视野19 分钟前
基于 Vue3 + Element Plus 的【基于 Vue3 的智慧健身房会员管理与私教团课预约核销系统】设计与实现(附完整源码与PRD)
前端·vue3
烤羊腿的程序员21 分钟前
前端面试知识点大全(带答案)
前端·面试·职场和发展
软件技术NINI25 分钟前
传统文化html+css 5页
前端·css·html
优秀稳妥的JiaJi27 分钟前
从产品原型到前端开发的需求清单,从1小时到25分钟
前端·trae
manongdashu18830 分钟前
应对“SEO需要支付一年服务费”的捆绑消费,静态建站配套终身低成本服务器,全程无需额外运维开销。的方法。
运维·服务器·前端·seo·静态网站
风骏时光牛马34 分钟前
AI提示词有效性深度测试
前端
Su米苏35 分钟前
针对使用@vue-office 出现的包异常找不到问题
前端·javascript·vue.js
坚定信念,勇往无前39 分钟前
electron打包mac ,apple m4出错:ffprobe是x86,不是arm64
前端·javascript·electron