關(guān)于用鼠標滾動到某個位置我們就去加載數(shù)據(jù)，這樣的場景與業(yè)務(wù)需求現(xiàn)在越來越常見，現(xiàn)在來分析下《vue.js 實戰(zhàn)》中作者的一個解決策略：

創(chuàng)新互聯(lián)公司主營昭蘇網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,手機APP定制開發(fā),昭蘇h5成都小程序開發(fā)搭建,昭蘇網(wǎng)站營銷推廣歡迎昭蘇等地區(qū)企業(yè)咨詢

1. 設(shè)置一個標志位用來判斷數(shù)據(jù)是否在加載中

2. 將滾動區(qū)域設(shè)置成 overfow:auto（顯示滾動條）

3. 給滾動區(qū)域加入監(jiān)聽事件并綁定ref屬性 來獲取DOM實例

4. 當鼠標滾動到底部時，加載數(shù)據(jù)

4.1 如果此時 標志位為true則 直接退出，不進行此時數(shù)據(jù)加載

關(guān)鍵代碼如下：

本文名稱：vue使用鼠標滾動加載數(shù)據(jù)的例子-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/copgeg.html