vuejs分层表

我需要在我正在处理的应用程序上显示一些树结构。示例数据会是这样的：vuejs分层表

Category 1 
     - Subcategory 1.1 
       - Subcategory 1.1.1:  5 items 
       - Subcategory 1.1.2:  6 items 
     - Subcategory 1.2 
       - Subcategory 1.2.1:  2 items 
Category 2 
     - Subcategory 2.1 
       - Subcategory 2.2.1:  5 items 
       - Subcategory 2.2.2:  6 items 
       - Subcategory 2.2.3:  5 items 
       - Subcategory 2.2.4:  6 items

所以我需要把它放在一个表上，我需要改变父组的rowspan。问题是我不知道如何用Vuejs做到这一点。我尝试了v-在三个层面上的结构，但我很认真地失去了。有没有人与Vue做过类似的事情？

来源

2016-04-25 ElCuy

目前还不清楚如何绘制这样的表格。你能用ASCII制作一个样本表吗？使用类似Monodraw或ASCIIflow的东西？ – gurghet

你可以看看这个例子：http://vuejs.org/examples/tree-view.html – Nora

在表格上，即使嵌套数据，我也遇到了打开和关闭标签和v-for的问题。所以用表格做这件事可能是不可能的。其他结构可能是可能的（每个级别使用不同的标签，div，跨度等）。 –

考虑使用CSS网格来构建表格。您可以有条件地将CSS规则（：class）分配为逐渐缩进。例如.level__2 {margin-left：24px;}

来源

2017-08-30 01:52:36

vuejs分层表

回答

相关问题