做项目中文本溢出显示省略号是一个非常常见的功能, 一般做法都是增加 css 样式并且鼠标悬浮后显示全部内容, 但有时候明明没有溢出, 悬浮也会显示内容, 所以我们需要做一点处理

前段时间基于 ElementUI 封装了几个组件, 却被项目的小伙伴吐槽文档写的太烂了: 就不能和 ElementUI 文档似的上面是例子下面是代码吗?

一般做后台管理系统的项目, 用到最多的 UI 组件应该就是表格和表单吧.

一个最基础的例子就是上面一排操作按钮: 增删改查; 下面一个表格, 展示数据; 增改的时候弹出表单; 而且大部分情况下表格和表单的字段都是一样的, 但却要写两套代码, 作为一个崇尚简洁的程序员, 越简洁越好(才不是懒得写呢)

所以就想封装一下这两个组件, 最好一行代码就搞定了

最近在做项目的时候遇到 input 只能输入整数, 不能输入小数的需求. 想到以前同事封装过这个组件, 可以拿来一用. 结果发现组件只支持正整数, 不支持负数, 看来还需要修改一下了

最近在使用 el-table 的树形表格的时候, 发现两个问题:

1. 没有展开到 level 级的功能
2. 表头的 checkbox 只能控制第一层级的 checkbox , 无法控制子级

element-ui: 2.13.0

snippet [ˈsnɪpɪt], 或者说「 code snippet 」, 也即代码片, 指的是能够帮助输入重复代码模式, 比如循环或条件语句, 的模板. 通过 snippet , 我们仅仅输入一小段字符串, 就可以在代码片引擎的帮助下, 生成预定义的模板代码, 接着我们还可以通过在预定义的光标位置之间跳转, 来快速补全模板.

最近在使用自己封装的 Tree 的时候, 发现只有点击复选框的时候, 全选 复选框可以联动, 通过 setCheckedNodes 、 setCheckedKeys 和 default-checked-keys 设置目前勾选的节点时, 无法联动, 需要再优化

el-tree 的官网例子, 不会返回过滤节点的子节点, 这也是总结这篇博客的原因.

继上一篇 基于 ElementUI 封装的 SelectTree | Henry 后, 发现 tree 也需要封装一下, 增加一个全选功能和展开到 level 级的功能

最近重构项目, 遇到一个需要 SelectTree 的组件, 就在网上找了一圈, 发现 Element-UI二次封装实现TreeSelect 树形下拉选择组件 - sleepwalker_1992的专栏 - CSDN博客这个还不错, 但奈何作者不更新了, 而且现在样式有点问题, 就想着参考大佬的思路自己也封装一下

话不多说, 先将本人源码奉上. 好了, 开干!