做海报网站,网络营销技术,河南艾特软件 网站建设,沈阳网红业务逻辑如下#xff1a; 1.在滚动容器中加入refresher-enabled属性#xff0c;表示为开启下拉刷新 2.监听事件#xff0c;添加refresherrefresh事件
3.在事件监听函数中加载数据
4.关闭动画#xff0c;添加refresher-triggered属性#xff0c;在数据请求前开启刷新动画…业务逻辑如下 1.在滚动容器中加入refresher-enabled属性表示为开启下拉刷新 2.监听事件添加refresherrefresh事件
3.在事件监听函数中加载数据
4.关闭动画添加refresher-triggered属性在数据请求前开启刷新动画在数据请求完成后关闭动画。
完整代码如下 注意如果不用await直接调接口会导致数据加载顺序不确定可能数据还没返回完就已经关闭动画。如果三个接口都加上await则会等待第一个接口返回后再执行第二个接口以此类推延长了数据加载时间。
最优方案用Promise.all()方法同时加载三个接口配合async await这样可以保证三个接口都返回后再执行下一步操作。
