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>

 

posted @ 2025-11-20 14:38  东北大亨  阅读(8)  评论(0)    收藏  举报