Vue中,list集合中包含实体(对象)的列表,存在某个特定的值在实体类属性是否存在常见的方法:
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>

浙公网安备 33010602011771号