obj.hasOwnProperty始终返回false，即使在创建属性[duplicate]之后也是如此

Question

在我的Vue应用程序中，我有一组股票:

stocks : [
    {'name' : 'Tesla', 'price' : 800},
    {'name' : 'Microsoft', 'price' : 300},
]

我还有一个条件元素，如下所示：

<template v-for="stock in stocks">
    <div>{{ stock.name }}</div>
    <div v-if="stock.hasOwnProperty('test')">test</div>
</template>

我有一个为股票设置测试属性的方法。例如：

this.stocks[0].test = true;

如果在此声明下，我控制台.log（this.stocks），我看到第一只股票的测试属性。但是，在模板中，当股票具有此属性时应该显示的元素仍未显示。为什么会这样，我该如何根据库存元素是否具有测试属性来动态显示/隐藏它们？

Answer 1

Vue（无论如何是 2）无法检测到属性添加或删除。

您应该在< code>stocks中声明< code>test属性，以便它从一开始就存在:

stocks : [
    {'name' : 'Tesla', 'price' : 800, test: false },
    {'name' : 'Microsoft', 'price' : 300, test: false },
]

然后它将是被动的，您可以根据＜code＞test＜code＞的值显示/隐藏元素。