vue2 中计算一个新数组 让其删除taskAddList 这个数组中的item.operateTag = 3 的项
时间: 2024-09-15 22:06:34 浏览: 38
在 Vue.js 2 中,你可以创建一个新的 computed 属性来过滤掉 `taskAddList` 数组中 operateTag 为 3 的项。下面是一个示例:
首先,在你的 `data()` 部分初始化任务列表:
```javascript
data() {
return {
taskAddList: [
{ id: 1, operateTag: 1 },
{ id: 2, operateTag: 3 }, // 这里有一个 operateTag 为 3 的项
{ id: 3, operateTag: 2 }
]
};
}
```
然后在 `computed` 对象中定义一个新的计算属性 `filteredTaskAddList`:
```javascript
computed: {
filteredTaskAddList() {
// 使用 JavaScript 的 Array.filter() 方法过滤出 operateTag 不等于 3 的项
return this.taskAddList.filter(item => item.operateTag !== 3);
}
}
```
现在,`filteredTaskAddList` 就是一个只包含 operateTag 不为 3 的任务的新数组。你可以像使用普通数组一样在模板中使用它:
```html
<template>
<ul>
<li v-for="task in filteredTaskAddList" :key="task.id">{{ task.id }} - {{ task.operateTag }}</li>
</ul>
</template>
```
阅读全文