vue.js条件撕裂问题

Question

我在渲染模板时遇到问题

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

有些人可以解释一下原因吗？

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

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

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

第三张图片显示我已成功添加新产品。问题是，操作按钮＆＃34;更新＆＃34;被触发但不会产生任何影响。

上图显示更新按钮适用于过去的数据，但不适用于新数据。

最后一张图片将证明该按钮已被触发。我已经添加了一个console.log，点击更新按钮后显示以下内容。

1. 行的INDEX，为[0]。
2. 变量的类型＆＃39; isUpdate＆＃39; [布尔]。
3. ＆＃39; isUpdate＆＃39;的价值[True，False]
4. 和productID是[151]

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

如果您想查看代码。我可以提供它，告诉我你要找哪个部分。因为我不知道哪个部分有错误。

提前谢谢。

  

更新

AS Amresh Venugopal Request

这是模板中的v-if

 ArrayList val=new ArrayList();//Supported at 1.4  
 ArrayList<String> val=new ArrayList<String>();//Syntax error, parameterized types are only available if source level is 1.5 or greater 
 ArrayList<String> val=new ArrayList< >();//operator is not allowed for source level below 1.7

updatebtn函数

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

我只将isUpdate值设置为＆＃39; true＆＃39;如果＆＃39; false＆＃39;，反之亦然。

在ajax保存功能之后添加productID。

Answer 1

我明白了！

当我推送 this.products 中的数据时，我没有包含' isUpdate '字段。

现在就开始工作了。