您好,欢迎光临本网站![请登录][注册会员]  
文件名称: vue 使用鼠标滚动加载数据的例子
  所属分类: 其它
  开发工具:
  文件大小: 40kb
  下载次数: 0
  上传时间: 2020-12-13
  提 供 者: weixin_********
 详细说明:关于用鼠标滚动到某个位置我们就去加载数据,这样的场景与业务需求现在越来越常见,现在来分析下《vue.js 实战》中作者的一个解决策略: 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto(显示滚动条) 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 4. 当鼠标滚动到底部时,加载数据 4.1 如果此时 标志位为true则 直接退出,不进行此时数据加载 关键代码如下: