c***@163.com
c***@163.com
  • 发布:2020-05-13 23:39
  • 更新:2022-09-19 14:53
  • 阅读:1557

nvue的list使用refresh组件 如何进入页面就触发呢?

分类:nvue

使用场景:进入页面就拉取后台保存的消息,上拉列表到底则加载更多,下拉列表到顶则执行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也会显示

想问问大家有没有什么办法可以实现这个细节呢

2020-05-13 23:39 负责人:无 分享
已邀请:
逗号米

逗号米

同问,官方查不到相关文档,尴尬

DCloud_iOS_XHY

DCloud_iOS_XHY

试一下设置 scroll-top="-refresh组件高度"

h***@qq.com

h***@qq.com

楼主,找到解决

要回复问题请先登录注册