vxe-table 树形数据尾部插入

`vxe-table` 是 Vue 企业级 UI 组件库 Vuetify 组件套件的增强版，它提供了丰富的表格组件功能，包括但不限于树形数据的支持。在使用 `vxe-table` 处理树形数据时，尾部插入（即新增行并将其作为树的末梢节点）可以通过以下步骤实现：

1. 首先，确保你在 `vxe-table` 中配置了支持树形结构的数据，比如 `tree-props` 属性用于指定哪些字段是树结构的标识，如 `parent` 或 `level`。

<vxe-table :tree-props="{ children: 'children', parent: 'parent'}" :data="treeData">
  <!-- ... -->
</vxe-table>

2. 定义你的树形数据结构，每条数据项都有一个 `parent` 字段引用其父节点，以及一个 `children` 数组存放其子节点。

data() {
  return {
    treeData: [
      { id: 1, name: '父节点1', parent: null },
      { id: 2, name: '子节点1', parent: 1 },
      // 更多节点...
    ],
    newTreeNode: {} // 新增的节点初始值
  };
}

3. 创建一个方法用于在树的尾部添加新节点。你可以遍历当前树的最后一层，找到它的最后一个元素，然后将新的节点追加到该元素的 `children` 数组中。

methods: {
  appendToLastLevel() {
    const lastLevel = this.treeData
      .filter(item => item.parent === null) // 如果是顶级节点
      .map(item => item.children)
      .flat();

    if (lastLevel.length > 0) {
      lastLevel[lastLevel.length - 1].push(this.newTreeNode);
    }
    // 更新数据状态
    this.$set(this.treeData, this.newTreeNode.parent, this.newTreeNode);
    this.newTreeNode.parent = null; // 重置新的节点为顶级节点
  }
}

4. 当你需要在树尾部插入新节点时，调用 `appendToLastLevel` 方法即可。