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

Question

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

如何(严格)使用 iView table 实现？

Answer 1

“iview”为行操作提供 :row-class-name="rowClassName" Prop 功能。

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

喜欢，

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

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

这里是详细 View 的附加链接 http://jsfiddle.net/nikita747/cn47qLj6/

希望你对此满意