0

我在渲染模板时遇到问题

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

有人可以解释一下为什么吗?

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

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

  1. 行的索引,即 [0]。
  2. 变量 'isUpdate' [boolean] 的类型。
  3. 'isUpdate' 的值 [True, False]
  4. 和 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 保存函数之后添加的。

4

1 回答 1

0

我想通了!

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

现在可以工作了。

于 2017-03-28T07:59:57.987 回答