a=[{title:1},{title:2},{title:3},{title:4}],b=[{title:1},{title:2},] 用vue把a数组中和b数组相同的数据删除
时间: 2023-11-23 21:11:46 浏览: 73
删除一维数组中相同元素
可以使用Vue中的过滤器(filter)来实现这个功能。具体的代码如下:
```javascript
Vue.filter('deleteSame', function(a, b) {
return a.filter(function(item) {
return !b.some(function(item2) {
return item.title === item2.title;
});
});
});
```
在模板中使用时,可以这样写:
```html
<div v-for="item in a | deleteSame(b)">{{ item.title }}</div>
```
其中,`a`和`b`分别是要进行比较的两个数组,`deleteSame`是我们定义的过滤器函数。在过滤器函数中,我们使用`filter`方法过滤出`a`中不在`b`中的元素,然后返回过滤后的新数组。在模板中,我们使用管道符号`|`将`a`和`b`传递给过滤器函数进行处理,然后再使用`v-for`指令对过滤后的新数组进行遍历显示。
阅读全文