我在渲染模板时遇到问题
添加新数据时,即使条件都为 TRUE,也不会进入 v-if 的过程。
有人可以解释一下为什么吗?
我在下面提供了一些屏幕截图以进一步解释我的问题
第一张图片是我展示产品的模板,你会注意到这里的添加、更新和删除。
第二张图片显示我正在尝试添加新产品
第三张图片显示我已成功添加新产品。问题是,操作按钮“更新”被触发但不会生效。
上图显示更新按钮适用于过去的数据,但不适用于新数据。
最后一张图片将证明按钮已被触发。我添加了一个 console.log 以在单击更新按钮时显示以下内容。
- 行的索引,即 [0]。
- 变量 'isUpdate' [boolean] 的类型。
- 'isUpdate' 的值 [True, False]
- 和 productID 是 [151]
知道为什么它没有被触发,或者知道如何调试它?
如果你想看代码。我可以提供,只要告诉我你要找哪一部分。因为我不知道哪个部分有错误。
先感谢您。
更新
按照 Amresh Venugopal 的要求
这是模板中的 v-if
<tr v-if='product.id > 0 && product.isUpdate' class='table-inputs'>
和 updatebtn 功能
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);
}
如果“false”,我只将 isUpdate 值设置为“true”,反之亦然。
productID 是在 ajax 保存函数之后添加的。