vuejs-no-side-effects-in-computed-properties

BScroll与Vue.js实战

最新推荐文章于 2023-02-23 10:56:11 发布

转载最新推荐文章于 2023-02-23 10:56:11 发布 · 399 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/x-4k/p/8734277.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用Vue.js框架结合BScroll实现列表滚动效果的例子。通过watch监听数据变化并适时刷新BScroll实例来保证滚动效果的流畅性。具体实现了totalCount变化时的处理逻辑及fold属性控制显示隐藏的功能。

watch: {
  totalCount: function() {
    if (!this.totalCount) {
      this.fold = false;
      return false;
    }
  },
  fold: function(totalCount) {
    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;
  }
},