vue.js条件呈现问题

我在呈现模板时遇到问题

添加新数据后，即使条件都为真，也不会进入v-if过程

请解释一下原因好吗

我在下面提供了一些截图来进一步解释我的问题

这第一张图片是我展示产品的模板，你会注意到这里的添加、更新和删除

第二张图显示我正在尝试添加新产品

第三张图片显示我已成功添加新产品。问题是，操作按钮“更新”被触发，但不会产生任何效果

上图显示“更新”按钮可以处理过去的数据，但不能处理新数据

最后一张图片将证明按钮已触发。我添加了一个console.log，以在单击update按钮时显示以下内容

行的索引，即[0]

变量“isUpdate”[boolean]的类型

“isUpdate”的值[True，False]

以及productID，即[151]

知道为什么它没有被触发，或者知道如何调试它吗

如果你想看代码。我可以提供，只要告诉我你要找哪一部分就行了。因为我不知道哪一部分有错误

先谢谢你

更新

按照Amresh Venugopal的要求

这是模板中的v-if

<tr v-if='product.id > 0 && product.isUpdate' class='table-inputs'>

我只将isUpdate值设置为true（如果为false），反之亦然

productID是在ajax保存函数之后添加的。

我明白了

当我在this.products中推送数据时，我没有包括“isUpdate”字段

---

现在开始工作。

您可能需要提供一个JSFIDLE/codepen来产生问题。需要使用带有v-if和更新功能的模板。我不确定是否能够在一个FIDLE页面中重新创建它，因为这个问题有两个组件。还有其他建议吗？这是一种什么性质的产品

data

或

computed

？它被添加到数据中，实际上canUpdate func位于子组件中，因此this.products已使用props传递

canUpdate: function(data) {
            console.log(data.pindex);
            this.products[data.pindex].isUpdate = !this.products[data.pindex].isUpdate;
            console.log(typeof this.products[data.pindex].isUpdate);
            console.log(this.products[data.pindex].isUpdate);
            console.log(this.products[data.pindex].id);
        }