vue2 el-table筛选一个大数组中每一项的id字段等于小数组中每一项的id字段的值
时间: 2024-05-03 18:18:32 浏览: 144
可以使用Vue2中的computed属性实现这个功能。假设大数组为`bigArray`,小数组为`smallArray`,`id`为它们的共同字段,则代码如下:
```html
<el-table :data="filteredData">
<!-- 表格列 -->
</el-table>
```
```javascript
computed: {
filteredData() {
return this.bigArray.filter(item => {
return this.smallArray.some(smallItem => smallItem.id === item.id);
});
}
}
```
在上述代码中,`filteredData`是一个计算属性,它返回的是筛选后的数据。使用`filter`方法遍历大数组,然后使用`some`方法判断小数组中是否存在与当前大数组项`id`相同的项,如果存在则返回`true`,否则返回`false`。最终返回`true`的项将被保留,形成一个新的数组,供表格渲染使用。
阅读全文