报错Unexpected side effect in "listShow" computed property

最新推荐文章于 2025-05-15 22:46:52 发布

原创最新推荐文章于 2025-05-15 22:46:52 发布 · 1.2w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文探讨了在代码中如何利用get和set方法来更有效地管理对象属性，尤其是在需要改变属性状态时如何避免错误发生。通过具体示例说明了在特定条件下如何设置属性值，并讨论了只读属性的问题及解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错代码

istShow() {
        if (!this.totalCount) {
          this.fold = true;
          return false;
        }
        let show = !this.fold;
        return show;
      }
    }

因为这样是只读的，要更改，就报错了，想更改，就要用get和set方法

listShow: {
  get: function () {
    return this.fold
  },
  set: function () {
    if (!this.totalCount) {
      this.fold = true
      return false
    }
    let show = !this.fold
    return show
  }
}