vue中unexpected side effect in 【listshow】 computed property报错

白也-baiye

于 2021-03-19 19:06:00 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_44343544/article/details/115013802

前端专栏收录该内容

8 篇文章

订阅专栏

本文解决了Vue应用中出现的unexpected side effect in 'listShow' computed property错误。通过使用watch来代替computed属性更新实例状态，避免了在计算属性的getter中进行不必要的修改。

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

报错

 unexpected side effect in "listshow" computed property

解决

用watch包含listShow函数

watch: {
    listShow () {
      if (!this.totalCount) {
        this.fold = true;
        return false;
      }
      let show = !this.fold;
      if (show) {
        this.$nextTick(() => {
          if (!this.scroll) {
            this.scroll = new BScroll(this.$refs.listContent, {
              click: true
            });
          } else {
            this.scroll.refresh();
          }
        });
      }
      return show;
    }
  },