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... 
     } 
    } 
}