在计算购物车的listsShow的时候报警告，怎么可以解决掉呢，this.fold是在网上搜到的解决警告的出来方式，难道计算BScroll也需要监听来处理？

Question

Answer 1

ustbhuangyi 2018-06-15 01:40:11

可以考虑用 watch 实现，警告的意思是不要在 computed 里有带副作用的赋值操作

• 提问者 大多数是 #1

  watch: {
      selsectfoods (newFoods, oldFoods) {
        if (newFoods.lenght === 0) {
          this.fold = false
        } else {
          if (!this.fold) {
            this.$nextTick(() => {
              if (!this.scroll) {
                this.scroll = new BScroll(this.$refs.lists, {
                  click: true
                })
              } else {
                this.scroll.refresh()
              }
            })
          }
        }
      }
    }
  整合到监听里  解决了警告  也解决了关闭购物列表再点击外部加号按钮又弹出购物列表的bug，同时在购物列表中点击增加数量的时候抛物线动画也可以实现，就是第一次打开购物列表（条数超过默认高度）的时候好像有点卡顿貌似在计算列表条数不能第一时间滑动，还有就是不再使用了计算属性，仅仅用fold替换了之前的计算属性