这两个属性都是 vue 2.4.0 新增的, 一般在创建高级别的组件时使用, 今天我们就来研究一下

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

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

element-ui: 2.13.0

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

现在很多人还是在默默的一个个功能页去配置管理路由, 目录管理 -> 导入.vue 文件 -> 路由配置 -> 页面上应用. 当应用越来越大, 这一套流程的管理会变得越来越繁杂和臃肿. 修改起来也特别麻烦.

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

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

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

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

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