vue.js - 在 iView UI 表中显示/隐藏折叠行

Question

我想在 iView UI 中设计一个表格，根据我的情况，它将填充数据。这些行将具有折叠图标，它将根据我的情况隐藏/显示一些行。这是显示概念的图像：

如何（严格）使用iView 表实现？

Answer 1

"iview" 为行操作提供 :row-class-name="rowClassName" 道具功能。

您可以将该属性与 className 一起使用来显示/隐藏您的字段。

喜欢，

<i-table :row-class-name="rowClassName" :columns="columns1" :data="data1"></i-table>

methods: {
        rowClassName (row, index) {
          return row.className
        }
    }

这里附有详细视图的链接 http://jsfiddle.net/nikita747/cn47qLj6/

希望您对此感到满意