Vue.js无限滚动

Question

我想知道是否有任何指令实现Ajax无限滚动与vue.js或有任何指令可用？

任何帮助，将不胜感激。

Answer 1

它与任何指令无关。 当用户点击窗口/容器底部时，您需要监听滚动事件和Ajax附加项目。

Answer 2

所有jquery组件都可以通过Vue指令集成。但是如果你想让人们帮忙，你应该提供一个jsfiddle例子。

Answer 3

基于我使用了一些教程代码，下面演示了如何在Vue.js组件添加侦听scroll事件，并做一些事情，如果用户滚动到窗口底部的方法。

注意，这样做window.addEventListener时，必须使用window.removeEventListener将其删除。

也许这可以帮助您开始。

created: function() { 
    window.addEventListener('scroll', this.handleScroll) 
}, 
destroyed: function() { 
    window.removeEventListener('scroll', this.handleScroll) 
}, 
methods: { 
    handleScroll: function() { 
     this.scrollPos = document.body.scrollHeight - window.innerHeight - document.body.scrollTop; 
     if (document.body.scrollHeight - window.innerHeight - document.body.scrollTop == 0) { 
      // load more data here... 
     } 
    } 
}