如果属性等于value，则获取列表中的第一个元素- VUE.js

data() {
  return {
    list: [
      { id: 1, name: '元素1', property: 'value1' },
      { id: 2, name: '元素2', property: 'value2' },
      { id: 3, name: '元素3', property: 'value1' },
      { id: 4, name: '元素4', property: 'value3' },
    ],
    propertyValue: 'value1',
  };
},

<template>
  <div>
    <div v-for="item in list" v-if="item.property === propertyValue" :key="item.id">
      {{ item.name }}
    </div>
  </div>
</template>