监视属性中的Vuejs未定义对象[重复]

Posted 2023-02-22

【中文标题】监视属性中的Vuejs未定义对象[重复]

【英文标题】：Vuejs undefined object inside a watched property [duplicate]

【发布时间】：2018-08-01 01:47:33

【问题描述】：

我在 Vuejs 中遇到了监视属性的问题。我得到的错误 - Cannot read property 'list' of undefined 即使列表 is 已定义。 我在执行 if 检查后收到错误消息（在 var index .... 行）。

watch: 
   selectedRole: () => 
     if (this.modifiedUser.list) 
        var index = this.modifiedUser.list.findIndex(obj => obj.id == 
               this.selectedObj);
        this.modifiedUser.list[index].object = Object.assign(, this.selectedObj);
  

知道为什么它通过了 if 语句中的检查但在下一行失败了吗？

VueJs - v2.5.2.

【问题讨论】：

这个错误并不意味着list是未定义的，而是modifiedUser是。

你可以试试if (this.modifiedUser && this.modifiedUser.list)作为你的条件吗？

@MicaelNussbaumer 我做了，现在它仍然进入 if 语句，但 var index 变量未定义。

从 if 语句中取出var index，并在其上方为其赋予默认值。然后在 if 语句中更新它，如果 if 语句为真

【参考方案1】：

请在if (this.modifiedUser.list) 中尝试检查 modifiedUser 是否未定义。

还要检查索引是否未定义：

var index = this.modifiedUser.list.findIndex(obj => obj.id == this.selectedObj);

希望对你有帮助

【讨论】：

定义了修改的用户，但是检查失败。