Vuejs计算属性警告我没有二传手

Question

我有这样的代码：

<button
  @click="addFieldRow"
  :disabled="disableAddRow"
>

disableAddRow是这样的计算属性：

disableAddRow() {
  if (this.currentIndex !== null) {
    return !this.fieldList[this.currentIndex].filterApplied;
  }
  if (this.currentIndex === null && this.fieldList.length === 1) {
    return true;
  }
  return false;
}

可以正常工作，但是在控制台日志上，我收到以下警告：

  

[Vue警告]：计算属性“ disableAddRow”已分配给它，但它   没有二传手。

我不明白为什么我需要二传手？而且，如果我确实需要二传手，那我就不知道该设置什么...

感谢您的时间和帮助！

Answer 1

该警告表明，在代码中的某个位置，您正在为disableAddRow计算属性分配一个值。

您共享的代码不会引起该警告，因此您必须在无意中为其他地方分配一个值。您只需要无需设置计算属性的值，就不会再收到该警告。

---

更多信息：默认情况下，计算属性检索定义函数返回的值。但是，也可以定义setters for computed properties（警告所暗示的含义）。