今天小编就为大家分享一篇vue 使用鼠标滚动加载数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

关于用鼠标滚动到某个位置我们就去加载数据，这样的场景与业务需求现在越来越常见，现在来分析下《vue.js 实战》中作者的一个解决策略： 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto（显示滚动条） 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 4. 当鼠标滚动到底部时，加载数据 4.1 如果此时 标志位为true则 直接退出，不进行此时数据加载 关键代码如下： //...代码省略 //该div 为要滚动区域 <div