tnblog
首页
视频
资源
登录

element plus 图标按钮,按钮加图标。直接显示图标,修改图标大小

1034人阅读 2024/10/25 15:21 总访问:827547 评论:0 收藏:0 手机
分类: 前端

https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行,显示不出来,有可能是版本问题

我这里需要这么使用,增加一个icon的绑定:

  1. <el-button type="success" :icon="Plus" size="default">添加培训项目</el-button>

还需要给对应的图标按需引入才行:

  1. import { Search, Plus, EditCheck } from '@element-plus/icons-vue'

引入的规则其实就是官网图标最后那个名称的大写而已

按照官网那样写不行,有可能是没有做全局引入,所以需要按需引入。

直接显示图标

直接显示图标一般也是要先引入:

  1. import { ArrowDownBold } from '@element-plus/icons-vue'

然后使用:

  1. <el-icon><ArrowDownBold /></el-icon>
修改图标大小

直接在el-icon里边设置一个size属性就可以了

  1. <el-icon size="16"><ArrowDownBold class="tlb-wrap-icon" /></el-icon>

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

vue3 element plus 表单输入框放到一行

当垂直方向空间受限且表单较简单时,可以在一行内放置表单。 通过设置 inline 属性为 true 可以让表单域变为行内的表单域...

element plus 下拉列表select的使用下拉列表无法选择值

下拉列表无法选择值要给一个v-model: 而且要给对,在下面对应的要有:

element plus 下拉列表默认选中有延迟

会先加载id或者编号,然后有点延迟的时间才转换成内容。 [TOC]可以这样解决,绑定的时候给中文名字,然后在改变的时候给Id...

vue elementuivue3 element plus 文件上传的时候设置其他参数后台.net接收传递的额外参数图片上传

比如上传文件的时候额外传递两个select选择的值 前台前面上传文件的时候要提供默认参数很简单,el-upload绑定一个data即可...

vue3 element plus 表格使用vue3常用界面搭配vue3基础模板使用

一个简单的表格加时间搜索界面效果如下: 代码如下: &lt;template&gt; &lt;div class=&quot;app-container&quot;&g...

element plus table 表格 获取选中的行

官网的表格文档就有,直接一个方法就搞定了,看官网表格的文档中的方法介绍就有了 使用getSelectionRows方法即可 &lt;el-...

element plus 日期选择器 限制日期范围限制只能选择当前月份之后的月份

element plus 日期选择器 可以用disabledDate来限制日期范围。例如限制只能选择当前月份以及之后的月份。 &lt;el-date-pi...

element plus 带提交内容的删除确认框element plus 确认框

[TOC]Element Plus 带提交内容的删除确认框 ElMessageBox.prompt(&#39;是否确认删除数据,涉及到的数据将会被物理删除,...

vue3 element plus table+Sortable.js 行拖动表格拖动

要先安装好Sortable.js依赖 cnpm install sortable.js 实现拖动的代码如下可以直接复制运行 &lt;template&gt; &lt;...

element plus与element ui 多选表格判断某行是否选中

element plus 多选表格判断每行是否选中@select=&quot;selectRow&quot; const selectRow = (selection: any, row: any) ...

element plus 表格 table分页状态或者条件类型切换下实现勾选记录

实现这种切换的时候勾选的复选框状态保持,如果是分页其实实现思路也一样。 实现思路:有一个缓存,存储的是选中的行,...

element plus tree 获取选中节点的父节点树获取所有选中的节点

[TOC]element plus tree 获取选中节点的父节点通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通过 node.par...
这一生多幸运赶上过你.
排名
8
文章
222
粉丝
7
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术