Question

问题是关于VueJS框架 - 元素：http://element.eleme.io

我有一些从数组中获取数据的表（el-table）：

<el-table :data="someData">
<el-table-column prop="id" label="№"></el-table-column>
<el-table-column prop="is_active" label="Active"></el-table-column>
</el-table>

axios从DB获取JSON，数组看起来像：

[
{
  "id":1,
  "is_active":0
},
{
  "id":2,
  "is_active":1
},{
  "id":3,
  "is_active":1
}
]

任何人都知道怎么说元素表只显示属性为“is_active”eq 0或1（或其他条件）的行？

Answer 1

您可以使用computed property过滤数组，例如：

computed: {
  filteredList() {
    if (this.someData) {
      return this.someData.filter(data => data && data.is_active);
    }
    return [];
  },
},

然后将此筛选的列表绑定到组件：

<el-table :data="filteredList">

元素（VueJS）|条件表呈现

1 个答案: