从品牌网站建设到网络营销策划,从策略到执行的一站式服务
关于用鼠标滚动到某个位置我们就去加载数据,这样的场景与业务需求现在越来越常见,现在来分析下《vue.js 实战》中作者的一个解决策略:
1. 设置一个标志位用来判断数据是否在加载中
2. 将滚动区域设置成 overfow:auto(显示滚动条)
3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例
4. 当鼠标滚动到底部时,加载数据
4.1 如果此时 标志位为true则 直接退出,不进行此时数据加载
关键代码如下:
//...代码省略 //该div 为要滚动区域// ...
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图