首页 > 编程知识 正文

小程序自定义下拉刷新,禁用小程序下拉入口

时间:2023-05-03 15:06:33 阅读:267026 作者:2512

在写小程序的时候,当我们用vue框架的时候,有些页面需要用到下拉刷新的方法,如果你只是某一个页面需要下拉刷新,则需要在这个页面的json进行开启下拉刷新的配置

"enablePullDownRefresh": true,//开启页面下拉刷新 "backgroundTextStyle": "dark"//设置下拉刷新的三个点,默认白色

如果是整个项目的所有页面需要,则需要在app.json的window中进行上述配置。由于我这里项目只有一个页面需要,所以我只进行了单页面的配置,所有页面的未配置,也未测试,如有问题,请评论区留言。
接下来,json文件配置好了,那么就是js文件了

methods: { getTotalInfo(){ this.$http(httpApi.totalInfoUrl).then((res)=>{ wx.hideNavigationBarLoading(); // wx.hideLoading(); if(res.returnCode=="000000"){ this.totalInfo = res.doc } }) }, }, onPullDownRefresh:function() { console.log(12312) wx.showNavigationBarLoading();//下拉刷新动画 this.getTotalInfo();//需要刷新重新请求的方法 },

注意下拉刷新的方法,一定要放在methods外面,和onshow同级,因为它是小程序的方法,不属于vue。添加了以上方法,页面下拉刷新应该可以了

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。