如何用Vue数据过滤功能实现表格合并的长尾？

本文共计873个文字，预计阅读时间需要4分钟。

基于Vue通过数据过滤实现表格合并，提供参考内容，包括需求、基于Vue渲染的数据表格、需对相同列进行合并、思路、自从使用了Vue，就更不想直接操作DOM节点了，所以还是对进行合并。

基于vue通过数据过滤实现表格合并，供大家参考，具体内容如下

需求

• 基于vue渲染的数据表格
• 需要对相同的列进行合并
  

思路

自从使用了vue，就再也不想直接操作dom节点了，所以还是对数据操作。

要合并单元格需要用到rowspan属性，所有想法是针对数据添加rowspan属性使其多行显示，但下面的行再去渲染就重复了，所以用hidden 隐藏掉。