小程序中scroll-view的下拉刷新和小程序页面的下拉刷新开启方法

scroll-view的下拉刷新

video.wxml中

<scroll-view class="videoScroll" scroll-y="true"refresher-enabled="true" bindrefresherrefresh="handleRefresher"refresher-triggered="{{isTriggered}}">//如果只开启refresher-enabled="true" 页面只会下拉刷新，但是不会回去，下拉刷新的图标一直存在，所以需要设置一个自定义下拉刷新被触发

video.js中

  data: {videoGroupList:[], //导航标签数据navId:'', //导航标签的id标识videoList:[], //视频列表数据videoId:'', //video标识videoUpdateTime:[], //记录实时播放的时长isTriggered:false, //定义一个用来表示下拉刷新是否被触发，当更新完数据需要重新定义为false},// 获取视频列表数据的功能函数async getVideoList(navId){let videoListData=await request('/video/group',{id:navId})let index=0if (videoListData.datas) {let videoList=videoListData.datas.map(item=>{item.id=index++return item})// 关闭消息提示框wx.hideLoading()this.setData({videoList,isTriggered:false //加载更新完数据重新变为false，这时下拉刷新的图标也会消失})}},// 下拉刷新回调handleRefresher(event){// 发送请求获取最新的视频数据this.getVideoList(this.data.navId)},

页面的下拉刷新

video.json中添加enablePullDownRefresh为true就可以开启

"enablePullDownRefresh":true

小程序中scroll-view的下拉刷新和小程序页面的下拉刷新开启方法相关推荐

java项目运行在浏览器_在 Java 程序中,能在 WWW 浏览器上运行的是程序。_学小易找答案...
[简答题]已知:如图, AD 是△ ABC 的角平分线, DE//AC, 交 AB 于点 E , DF//AB ,交 AC 于点 F ,求证: AD ⊥ EF. [简答题]Java语言具有较好的安全性 ...
微信小程序中使view占满整个屏幕高度的实现方法
前言: 今天做小程序的时候,在项目中要用到一个view占满屏幕高度和宽度,然后再在这个view里放置其他元素的情况. 宽度很简单,直接设置width: 750rpx;或者width: 100%;就行. ...
小程序中input标签没有反应_解决微信小程序弹出层中input无法聚焦的问题
此处使用的是vant框架解决聚焦问题这里遇到的问题是,在点击搜索框后,设置了弹起的弹出层中van-search的foucs值为true 但是没有起到聚焦效果原因在于弹出框带有一个动画效果,需要在 ...
c语言程序中的函数的函数名,一个C语言程序是由一个或多个函数组成的，其中必须包含一个函数，函数名是mian。...
解析: [解析题]绿茶的茶水比一般是1:50. [解析题]以下程序的输出结果是 ________ . struct HAR { int x;int y;struct HAR *p;}h[2];int ...
python程序中每条语句以分号结尾,在Python程序中,每条语句末尾必须添加分号。...
在Python程序中,每条语句末尾必须添加分号. 更多相关问题组织沟通就是在组织结构环境下的( )的交流过程,它涉及战略控制以及如何在创造力和约束力之间达到平衡. (2019考前训练1)启运港填写_ ...
.net应用程序中添加chm帮助文档打开显示此程序无法显示网页问题
在做.net大作业时添加了chm帮助文档结果在打开时显示"此程序无法显示网页问题",但是把帮助文档拷到别的路径下却显示正常, 经过从网上查找,终于找到了答案: (1).chm文件的 ...
c语言程序中必不可少的,C语言程序设计(第3章程序控制语句)2
3.2 数据的输入与输出在程序的运行过程中,往往需要由用户输入一些数据,而程序运算所得到的计算结果等又需要输出给用户,由此实现人与计算机之间的交互,所以在程序设计中,输入输出语句是一类必不可少的重要 ...
java中程序跳转_java程序中先后台交互的两种实现方式以及页面之间的跳转
虽然如今市面上很流行先后端分离,可是在不少企业中仍是使用的是SSH框架,先后端不分离. 那么此类先后端有其自身独特的先后台交互的方式,可是也支持js/jquery.下面对这两种方式作一下概括.java ...
java程序中默认包含的是_在编写 Java 程序时,如果不为类的成员变量定义初始值, Java 会给出它们的默认值,下列说法中不正确的一个是( )。...
软件Linuxkernel的版本号为2.6.39.0,其中数字为"6"代表(). 口令中的突出主音是指(). 偏心受力构件进行钢筋代换时应按()分别代换采用提净法炮制的药物是() ...
js实现微信禁止h5网页下拉，禁止微信h5页面默认下拉
直接添加下面代码即可: document.body.addEventListener('touchmove', function (e) {e.preventDefault() }, { passiv ...

小程序中scroll-view的下拉刷新和小程序页面的下拉刷新开启方法

scroll-view的下拉刷新

页面的下拉刷新

小程序中scroll-view的下拉刷新和小程序页面的下拉刷新开启方法相关推荐

最新文章

热门文章