完全按照文档来的，无限加载，无法触发loadMore方法

[myronliu347]

完全按照文档来的，无限加载，无法触发loadMore方法

[myronliu347]

你先改成这样再试试

[myronliu347]

loadMore 里的实现给我看看

[SidFeng]

loadMore () { debugger this.loading = true setTimeout(() => { this.loading = false if (this.end < 100) { for (let i = this.end; i < this.end + 20; i++) { this.list.push(this.list); } } this.end += 20 }, 1000); },

[myronliu347]

infiniteScroll,实在滚动到底部才加载（load事件），没有滚动事件是不会加载的

export default {
  data () {
    return {
      items: ['1', '2', '3', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20'],
      end: 20,
      loading: false
    }
  },
  methods: {
    loadMore () {
      this.loading = true
      setTimeout(() => {
        this.loading = false
        if (this.end < 100) {
          for (let i = this.end; i < this.end + 20; i++) {
            this.items.push(String(i + 1))
          }
        }
        this.end += 20
      }, 1000)
    }
  }
}

[myronliu347]

请问，是否已经解决？

[SidFeng]

有滚动事件啊

[myronliu347]

能将这个页面代码完整的贴出来看看么

[myronliu347]

现在是滚动到底部，没有触发load事件么？

[SidFeng]

是的，不会到loadmore里面去

[myronliu347]

这个ui库使用的是flexbox做布局, 每个页面的 顶部都要一个 page 的样式

 <div class="page">
 页面内容
</div>

如果你的版本是 0.4.0

 <div class="vc-page">
 页面内容
</div>

[SidFeng]

还是不行

[myronliu347]

我看到了你的代码上有两个地方指定了v-el:scroller

<list v-el:scroller >

把这个去掉

[SidFeng]

<list v-el:scroller >

上面是因为我在尝试是不是这个元素选择出错，我又写了这个。不过，现在解决了，这个问题解决方法就是

 <div class="page">
 页面内容
</div>