使用场景:进入页面就拉取后台保存的消息,上拉列表到底则加载更多,下拉列表到顶则执行refresh
具体实现: nvue页面 list组件 refresh组件
拉取数据的方法简要步骤如下:
1)设置refresh display为show
2)request请求数据
3)request成功回调中重新设置refres display为hide
初步使用逻辑上没问题,数据出来之后下拉列表效果很不错,但现在存在一个细节问题:
我希望进入页面时的第一次加载,也是以下拉刷新的展示方式加载的(显示refresh中的loading动画)
于是进行了以下尝试:
1)设置refresh初始的display为show 即进入页面时 refresh就展示 无效(并没有如我所想 进入时refresh直接是展示的状态,但的确可以加载数据)
2)进入页面onShow()直接调用refresh组件的@refresh的对应方法 无效(同上,最终效果就是不展示loading动画而直接加载了数据)
比较尴尬的是 我在weex的playground(网页)上按我上面的思路试了下demo,居然是可以实现的,但放在uniapp的真机上却不行。
附件是weex的playground 我在编辑区添加了vue实例的mounted周期 里面调用了refresh组件的onrefresh事件对应的js方法,可以看到的确能实现我说的效果,点击运行 加载页面 第一次加载数据 loading也会显示
想问问大家有没有什么办法可以实现这个细节呢