vue 原生table合并单元格时，如何隐藏多余数据？
在 Vue 的原生 table 中，当 merge_number 大于 2 时需要合并单元格，但合并后会出现表格中数据向后移动的问题。以下是一种解决该问题的方案：
首先，对数据进行处理，将 merge_number 设置为 0 表示不需要合并，大于 1 表示需要合并。处理逻辑如下：
const data_list = ((data) => { let merge = 0; data.forEach(row => { if (merge > 0) { row.merge_number = 0; } else { merge = row.merge_number; } merge--; }); return data;})(data);
在 Vue 中，需要判断 merge_number 是否等于 0，如果不等于 0，则不渲染对应的 td：
0">{{ item.item_attr }} {{ item.operate_time }}
以上就是Vue 原生 table 合并单元格时如何隐藏多余数据？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1558273.html
微信扫一扫 
支付宝扫一扫 
