ElementUI树形表格 el-table 无效问题解决

el-table 支撑树类型的数据的闪现。当 row 中包括 children 字段时，被视为树形数据。烘托树形数据时，必需要指定 row-key。
支撑子节点数据异步加载。设置 Table 的 lazy 特点为 true 与加载函数 load 。通过指定 row 中的 hasChildren 字段来指定哪些行是包括子节点。
children 与 hasChildren 都能够通过 tree-props 装备。

上面是 ElementUI 官方对树形数据表格的引见。实践运用时发现**无效**，需留心一下几点：

1. 目标数组 data 中必需包括 children 子节点，假设不是 children 能够通过 tree-props 界说
2. row-key 一般指向 data 中的 id 特点，该特点不能为 null 或 undefined 等，你也能够指定为其他特点，比方 menu_id，但同样不能为 null 或 undefined 等，且需求独一。
3. 假设未启用懒加载，data 数据中不可增加 hasChildren 特点，不然不会闪现下拉箭头并不会闪现子项目
4. 懒加载方法必需指定 lazy 及 load 函数，不然点击下拉按钮不起作用
5. 假设不期望指定列闪现下拉箭头，设置该列 el-table-column 特点为 type=””

举荐的数据结构

// 非懒加载方法
{
  id: 独一值,
  children: [子节点数组],
  // 其他数据项目
}

// 懒加载方法
{
  id: 独一值,
  children: [子节点数组],
  hasChildren: true,
  // 其他数据项目
}

留心：如发现问题，倡议运用官网的数据测试，调整 id, children, hasChildren 的值观察作用以排查处理问题。