Element-UI
文章平均质量分 59
分享一些实际开发中 Element-UI 常用到的一些功能以及bug
zhuangvi
代码搬运工
展开
-
Element-ui 之 form表单套数组、表单数组套数组的校验rule
如有不足,望大家多多指点!原创 2023-06-04 22:07:10 · 625 阅读 · 0 评论 -
Element-ui 之 解决可编辑表格点击行操作或者选择日期选择器(统归为可编辑单元格)仍触发行点击事件的问题
解决可编辑表格点击行操作或者选择日期选择器仍触发行点击事件的问题 如图所示,在我们点击日期选择器和操作查看时都分别触发了行点击事件,而有的时候我们通常并不希望点击操作或者日期选择器(可以统归为可编辑单元格)触发行点击事件,那么如何解决呢?利用 Vue 的事件修饰符点击此处查看;针对点击类事件,比如行操作中绑定的 click 事件,最直接的解决方案就是使用 Vue 的事件修饰符:.stop(阻止单击事件继续传播),当然建议加上 .native 修饰符点击此处查看,当然你也可以不加,不加也能实现效果原创 2021-11-01 19:49:46 · 1193 阅读 · 0 评论 -
Element-ui 之 解决禁用状态下的清除按钮仍可点击的问题
目录话不多说,先看效果上代码话不多说,先看效果上代码html代码:<el-select v-model="comId" placeholder="请选择" clearable disabled> <el-option v-for="item in list" :key="item.value" :label="item.label" :value="item.value"> </el-option></el-select><el原创 2021-05-31 22:01:55 · 1485 阅读 · 2 评论 -
Element-ui 之 解决表格中编辑与非编辑状态文字超出时弹出文字提示(利用Tooltip 组件)
目录话不多说,先看效果上代码写在末尾话不多说,先看效果 上代码html代码:<el-table-column property="address" label="地址" show-overflow-tooltip> <template slot-scope="scope"> <!-- 编辑状态 --> <el-tooltip v-show="isEdit" class="item" effect="da原创 2021-05-31 21:45:20 · 681 阅读 · 0 评论 -
Element-ui 之 多级路由导航(已解决点击收起展开按钮时的文字不隐藏以及文字卡顿现象)2022-04-12已更新vue-fragment的bug问题
element-ui多级路由导航:问题1、点击收起时导航文字不隐藏;问题2:收起时文字卡一次再隐藏的;更新vue-fragment的bug问题原创 2021-05-30 11:58:16 · 2515 阅读 · 6 评论 -
Element-ui 之 解决后端返回大量数据时页面卡顿或者反应慢的问题(懒加载以及下拉框回显未加载数据)
在我们实际开发中,常常需要优化以下页面,加快页面的响应速度,下面来介绍一下,前端在使用 Element-ui 下拉框时使用懒加载来解决页面卡顿或者响应慢的问题; 场景描述: 场景描述一:当后端给前端返回的数据有很多成千上万个数据时,我们如果直接接收并使用的话会造成页面响应很慢或者卡顿; 场景描述二:初始页面展示的是下拉框未加载的数据,初始页面跳转到编辑页面时的不回显的问题; 解决思路: 懒加载解决思路:监听滚动条事件,当滚动条到底时,增加显示数据个数; 回显解决思路:先原创 2020-10-18 20:11:29 · 7185 阅读 · 5 评论