qq_42766764的博客

本文在Vue手搓轮子系列——表格封装（一） 的基础上增加了排序、展开功能。主要通过中间件实现（如果一层中间件不够，就再加一层）。 在这里重新增加了一个vue组件中间层lite-table-row。主要原因是，将行展开以后，是一种递归的结构，而直接将lite-table进行递归会出现table的表头重复的问题，因此这里重新增加一个lite-table-row中间件。 这里通过expand_index数组与是否存在子节点数据（children）保证是否将行展开。 此外，通过递归来实现子节点。由于树/森林本身就是

一种vue3的表格封装方法，使用方式类似于element-plus，方法简单易用。