<template>
<div>
<!-- 使用v-for循环展示过滤后的数据 -->
<div v-for="item in uniqueItems" :key="item.id">
{{ item.name }} - {{ item.id }}
</div>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 1, name: 'Item 1 Duplicate' },
{ id: 3, name: 'Item 3' },
{ id: 2, name: 'Item 2 Duplicate' },
],
};
},
computed: {
// 使用计算属性来过滤数组,返回不含有重复id的项
uniqueItems() {
const ids = new Set();
return this.items.filter(item => {
const isPresentInSet = ids.has(item.id);
if (!isPresentInSet) {
ids.add(item.id);
return true;
}
return false;
});
},
},
};
</script>
09-07
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交