![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
文章平均质量分 52
nunumaymax
铁杵磨成针
展开
-
element ui - el-input 实现点击插入关键词功能
el-input文本框,通过点击下方关键词,在文本框中插入该词;光标移动到文本之间,再点击下方关键词,在光标的位置插入该词;插入关键词后,文本框获取焦点,并将光标的位置定位到关键词后点击按钮,在文本框指定位置插入该按钮的关键词。参考链接:输入文本框实现点击插入词功能。转载 2023-09-15 18:37:54 · 670 阅读 · 0 评论 -
element ui - el-table 表头筛选
场景:根据表头筛选出表格中符合条件的数据;效果筛选结果。原创 2023-09-15 18:07:30 · 2121 阅读 · 2 评论 -
element ui - el-button 重新渲染后disabled属性失效
给 el-button 元素添加 key 属性原创 2023-07-04 11:30:12 · 459 阅读 · 0 评论 -
element ui - el-table 设置表头背景颜色和字体颜色
但是对 thead,thead tr,.el-table__cell 元素进行设置,都是无效的,查询了 elementui官网,发现需要使用。在使用 elementui 中的 el-table 时,由于默认表格样式与设计稿不符,需要将表头的背景色和字体颜色设置为新颜色。原创 2023-06-21 17:15:01 · 8028 阅读 · 0 评论 -
element ui - el-select获取点击项的整个对象item
在vue2引入elementUI之后,经常会遇到此类需求,el-select获取点击项的整个对象item,而不是默认的v-model 项目。原创 2023-04-24 18:00:04 · 4593 阅读 · 1 评论 -
element ui - 如何控制el-table某一行数据不显示
业务上可能会有一些场景,表格中的数据根据状态变化展示。例如:有一组数据状态有 is_edit=true 和 is_edit=false;is_edit=true 数据是用户编辑状态中的数据,列表展示并同时提交给后台;is_edit=false数据是已保存的数据,页面不展示但是也要提交到后台。当前后台接口参数就是一个list数组。element-ui 暂时并没有表格渲染前的生命周期函数,目前只能通过定义两个数组 或手动过滤数据。转载 2023-04-24 11:01:53 · 2128 阅读 · 0 评论 -
element ui - el-select 添加可输入功能
vue2 + element ui 的项目中,产品希望 el-select 可以支持输入功能,也就说用户既可以下拉选择,也可以输入任意内容。原创 2022-11-23 17:55:10 · 8827 阅读 · 4 评论 -
element ui - el-table给单元格添加点击事件
el-table中,点击版本号触发查看配置功能,但是产品想将热区扩大,从点击版本号扩大到点击整个单元格都可以查看。原创 2022-11-14 17:37:53 · 7707 阅读 · 2 评论 -
element ui - el-table数据排序
后台一次性返回全部数据,需要对所有数据进行排序原创 2022-11-01 16:48:32 · 6517 阅读 · 2 评论 -
element-ui - el-checkbox绑定失效
原文地址:vue与element ui的el-checkbox的坑。转载 2022-10-27 19:17:54 · 3961 阅读 · 0 评论 -
vue+elementUI实现前端分页
vue+elementUI实现前端分页前言代码前言大多数情况下都是后端做分页的,前端只需要传递 currentpage / pagesize 即可,当然也有可能遇到后端没有做分页的情况,这时前端需要一次请求拿到所有数据,然后再做分页处理。下面我们就针对前端分页的情况基于vue+elementUI,封装一个分页组件。代码Pagination组件:<template> <Pagination :current-page.sync="currentPage" :page-si原创 2022-05-30 16:52:54 · 1673 阅读 · 0 评论 -
element-ui - 解决el-select数据量过大卡顿问题
当我们的下拉列表数据量过大时,初始化可能会有卡顿现象,我们可以通过滚动显示更多数据来解决这个问题。原文转载来自:解决el-select数据量过大卡顿问题-记录贴。转载 2022-10-18 20:56:25 · 3626 阅读 · 0 评论 -
element-ui - 日期选择器el-date-picker 设置禁止选择日期
使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项。对象中的禁用日期属性。原创 2022-08-19 14:25:18 · 9426 阅读 · 1 评论