elementUI
小行星125
不定时更新,自己踩过的坑,给别人提供填坑思路
展开
-
el-date-picker 禁用日期后,【此刻】按钮点击无反应
使用el-date-picker组件,禁止选择未来日期后,【此刻】按钮点击无反应。原创 2023-07-03 14:06:42 · 2328 阅读 · 4 评论 -
vue.js + el-table 实现键盘上下键控制聚焦行指定单元格编辑——2023/04/18 14:25:00
利用keyup事件监听键盘事件,给待聚焦单元格绑定keyup事件,并动态绑定类名(用下标作为类名,以便后续可通过下标类名找到对应dom元素,实现聚焦);实现键盘上下键控制聚焦到列表行某个单元格,高亮显示当前聚焦行并编辑单元格。【下键】:自动聚焦下一行,如果当前行为列表末行时,聚焦回到首行;【上键】:自动聚焦上一行,如果当前行为列表首行时,聚焦回到末行。原创 2023-04-18 15:47:22 · 1422 阅读 · 0 评论 -
Vue.js 基于el-button封装一个防抖节流按钮
实际开发中,为了防止用户多次按钮点击触发接口请求,例如单据提交等业务场景,可对el-button进行二次封装,利用防抖节流原理实现。原创 2023-03-15 16:57:09 · 1440 阅读 · 0 评论 -
el-timeline嵌套el-timeline使用时,子级el-timeline节点时间线不显示
给嵌套使用的子级el-timeline组件的el-timeline-item增加属性区分当前节点是否为最后一个节点,一般来说接口会返回一个状态来区分当前节点是否已审批,顺序排列时,未审批节点即为最后一个节点,利用这个思路我们给子级el-timeline的末级节点单独书写样式来解决这一问题。父级el-timeline的第三个el-timeline-item在elementUI原生样式中会自动定义为末级节点,其中末级节点样式影响了子节点样式,故子节点时间线不显示。待实现效果如下图所示。原创 2023-02-08 17:48:28 · 1743 阅读 · 0 评论