v-if不识别来自对象数组的值

Question

我正在处理vueJS文件并拥有一个组件：

<div class="panel-heading" v-on:click="displayValue(feature.id)">
         {{ feature.nom }}
</div>
<div class="panel-body" v-if="getDisplay(feature.id)">
          foo
</div>

我的函数displayValue(id)：

displayValue(id){
    for(let i =0; i<this.product_site.displayFeatures.length;i++){
        if (this.product_site.displayFeatures[i].idFeature === id){
            this.product_site.displayFeatures[i].show = !this.product_site.displayFeatures[i].show
        }
    }
    console.log(this.product_site.displayFeatures)
},

首先，我对此并不满意。我想做一个。但是它没有工作：

this.product_site.displayFeatures.find(function(a){
      a.idFeature === id
}).show = true

但我告诉我can not read 'show' of undefined

时出错

和我的函数getDisplay(id)

 getDisplay(id){
            this.product_site.displayFeatures.forEach(function(a){
                if(a.idFeature === id){
                    return a.show
                }
            })
        }

如果我尝试使用find，就像以前一样。

无论如何，我认为它可以解决这个问题，但是当我做console.log(this.product_sites.displayFeatures)时，我的数组具有修改后的值，但foo未显示