资讯详情

1、vue中代码

// 假设你有一个对象列表
data() {return {items: [{ id: 1, name: 'Item 1' },{ id: 2, name: 'Item 2' },{ id: 3, name: 'Item 3' }]};
},
methods: {isItemPresent(id) {return this.items.some(item => item.id === id);}
}

2、使用Array.prototype.find()

find() 方法返回数组中满足提供的测试函数的第一个元素的值。如果没有找到，则返回 undefined。

methods: {
  hasItemWithId(id) { 
     return !!this.items.find(item => item.id === id); 
  } 

}

3、div中使用

<!-- true 显示，否则隐藏 -->
<div v-if="hasItemWithId(1)">是否存在为1的id对象实体类</div>