开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >Vue之ElementUI的默认ICON图标

Vue之ElementUI的默认ICON图标

作者头像

Vaccae

发布于 2019-07-25 03:21:46

发布于 2019-07-25 03:21:46

10.2K00

代码可运行

举报

文章被收录于专栏：微卡智享微卡智享

运行总次数：0

代码可运行

前言

我们的Vue前端一般都是用的ElementUI，其中按钮可能用到的比较多，官方里面有自带的一些默认图标，在这里记录下来，用于我们以后方便查找。

官方ICON图标

本文来源于Element官方文档：

http://element-cn.eleme.io/#/zh-CN/component/icon

基础用法

直接通过设置类名为 el-icon-iconName 来使用即可。例如：

<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

图标集合：

-END-

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2018-07-02，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自微卡智享微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

基于SpringBoot打造在线教育系统（4）-- SpringBoot集成ElementUI

jquery element ui css javascript vue.js

补一个代码，上一节漏掉了，就是访问后台首页的时候，还得需要一个视图接口啊。来，在这：

剽悍一小兔

2021/01/13

5950

【SpringBoot+Vue】009-搜索栏和添加用户组件、后台实现查询、用户列表渲染

搜索渲染 el 后台权限

https://element.eleme.cn/#/zh-CN/component/tooltip

訾博ZiBo

2025/01/06

1650

【SpringBoot+Vue】009-搜索栏和添加用户组件、后台实现查询、用户列表渲染

Element UI极简教程(2)：Icon、Button、Link组件的使用

Element UI 的 Icon 组件提供了一套常用的图标集合，直接使用 i 标签结合 class 来使用即可：<i class="el-icon-iconName"></i>，其中 el-icon-iconName 为官网定义的图标名称，大家直接在官网查找使用即可。

南风

2021/12/15

6.6K0

Element UI极简教程(2)：Icon、Button、Link组件的使用

ElementUI快速入门

javascript vue.js jquery ui 网站 element ui

在执行完npm run dev后发现浏览器自动打开了vue-admin-template登录页面，点击登录，此时模板页面就搭建好了。

Java架构师必看

2021/05/14

3.3K0

Elementui实战知识点随记

编程算法 java element ui

1. Elementui实战知识点随记 1.1. 表单验证对于复杂数据，类似于对象里面包含数组，每个数组又包含多个对象，表单验证我查看了网上很多资料都说Elementui不支持，实际上，经过我官网的查看，是有解决办法的，地址如下 https://element.eleme.cn/#/zh-CN/component/form 找到动态增减表单项这一项核心如下 <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-wi

老梁

2019/09/10

8720

thymeleaf和vue快速入门

thymeleaf 前端入门

今天中午午休抽时间写了个thymeleaf和vue使用elementUI简单入门Demo

阿超

2022/08/21

1.2K0

【VIDEO_Parent】-创作者前端-创作者列表

开源项目介绍 2023腾讯·技术创作特训营第三期

在上图中我新建了两个组件，如何新建的呢，快捷键为 Ctrl + Alt + Shift + insert 即可弹出如下的框子选择 Vue Component 如下图

程序员NEO

2023/11/30

2300

【VIDEO_Parent】-创作者前端-创作者列表

浅学前端：Vue篇（二）

vue.js 2023腾讯·技术创作特训营第三期

ElementUI是基于vue的一套组件库，前面讲述了如何自己去创建组件，但是自己创建组件成本太高了，所以我们一般都是采用一些第三方的比较成熟的组件库，ElementUI就是其中一中，使用之后可以大大减少我们的开发成本。

传说之下的花儿

2023/11/12

2850

08 . Vue脚手架安装,使用,自定义配置和Element-UI导入使用

https://element.eleme.cn/#/zh-CN/component/quickstart

iginkgo18

2020/11/24

1.6K0

08 . Vue脚手架安装,使用,自定义配置和Element-UI导入使用

浅学前端：Vue篇（三）

vue.js 2023腾讯·技术创作特训营第三期

而我们今天学习的这个所谓的路由，就是根据浏览器路径不同，用不同的视图组件替换这个页面内容展示。

传说之下的花儿

2023/11/13

4190

vue2.0 + element-ui 多级导航菜单

npm https 网络安全 vue.js node.js

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~

王小婷

2020/12/08

2.1K0

20.ElementUI的使用，完整引入和按需引入

1.完整引入 1.ElementUI组件官方文档 https://element.eleme.cn/#/zh-CN/component/installation 2.安装 cnpm i element-ui -S 3.在main.js中引入 // element-UI 的使用 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 4.在webpack.con

玩蛇的胖纸

2019/10/21

2K0

Vue使用ElementUI

2、入口js导入 import ElementUI from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’

苦咖啡

2019/12/10

9760

Element Plus for Vue 3 入门教程

element ui vue.js

Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级，对于第三方组件库来说是一件好事，那些已经修修补补无数次，还无法彻底解决的问题，在这次面向 Vue 3.0 重构时，一次性全部解决。

蒋川

2022/04/07

2.4K0

Element Plus for Vue 3 入门教程

【问题随记】使用 el-input 标签并添加 prefix-icon 属性，但是图标并未显示

标签 el icon input prefix

在最新版的 ElementUI 中，使用 el-input 标签并添加 prefix-icon 属性，但是图标并未显示，试了好多方法，终于找到了解决办法。

繁依Fanyi

2024/08/02

6810

【问题随记】使用 el-input 标签并添加 prefix-icon 属性，但是图标并未显示

vue2.0 + element-ui 实战项目-渲染表格（四）

表格渲染 el element ui

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~

王小婷

2025/05/19

510

vue2.0 + element-ui 实战项目-渲染表格（四）

记Vue3在table使用dropdown的写法

dropdown html-table vue3

dropdown下拉菜单官方文档 https://element.eleme.cn/2.3/#/zh-CN/component/dropdown 并未介绍在 table表格中的用法，

:Darwin

2023/08/19

7110

vue2.0 + element-ui 实战项目-点击按钮弹出form表单（五）

github vue.js git 开源 https

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~

王小婷

2020/11/12

5.6K0

Vue3入门笔记四 ---- 实现公共头部样式

入门 el vue3 笔记函数

这个系列的笔记重点会放在怎么样利用Vue3把项目架设起来并跟后端API互动，不会介绍Vue的基础特性，关于Vue的基础特性可以参考这个视频四个小时带你快速入门Vue，我是看这个入门的，觉得还不错。

panzhixiang

2024/10/30

1750

ElementUI——报错汇总

域名源码 button el form

https://element.eleme.io/#/zh-CN/component/form

思索

2024/08/16

3150

相关推荐

基于SpringBoot打造在线教育系统（4）-- SpringBoot集成ElementUI

更多 >

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验