如何使用element-plus中的icon

全局安装和自动按需安装后的使用方法:

到官网图标集合:

https://element-plus.gitee.io/zh-CN/component/icon.html#%E5%9B%BE%E6%A0%87%E9%9B%86%E5%90%88

点击图标复制,直接在页面中使用:例如第一个:

<el-icon><Plus /></el-icon>

手动按需安装的使用方法:

先在script里引入icon和图标

<script setup lang='ts'>
import { ElIcon } from "element-plus";
import { Loading } from "@element-plus/icons-vue";
</script>

然后使用

<template>
    <div>
        <el-icon>
            <Loading />
        </el-icon>
    </div>
</template>

 

posted @   Pavetr  阅读(1619)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示