万网网站开发,全国文明城市创建内容,自助建站网站建设设计公司,厦门营销网站建设文章目录1. 配置下拉刷新2. 下拉刷新监听3. tab监听索引4. 控制台监控5. 父子组件调用6. 效果图1. 配置下拉刷新
在pages.json配置文件中添加如下配置#xff1a;
enablePullDownRefresh:true //开启下拉刷新2. 下拉刷新监听
// 当前页下拉刷新onPullDownRefre…
文章目录1. 配置下拉刷新2. 下拉刷新监听3. tab监听索引4. 控制台监控5. 父子组件调用6. 效果图1. 配置下拉刷新
在pages.json配置文件中添加如下配置
enablePullDownRefresh:true //开启下拉刷新2. 下拉刷新监听
// 当前页下拉刷新onPullDownRefresh() {var me this;// 监听tabconsole.log(me.curIndex,me.curIndex)// 下拉刷新判断如果是不同tab那么组件中刷新的请求也不同if (me.curIndex 0) {// 虚位以待} else if (me.curIndex 1) {// 调用公共视频组件查询首页短视频列表this.$refs.videoFollowComp.displayVideoPaging(1, true);} else if (me.curIndex 2) {// 调用公共视频组件查询首页短视频列表this.$refs.videoComp.displayVideoPaging(1, true);}}3. tab监听索引
tab页面监听当前索引方法获取监听api索引附近onPullDownRefreshme.curInde0关注onPullDownRefreshme.curInde1推荐onPullDownRefreshme.curInde2
4. 控制台监控 5. 父子组件调用
父页面index.nvue
this.$refs.videoFollowComp.displayVideoPaging(1, true);子组件videoComp.vue // 分页查询新的list并且追加到现有list中displayVideoPaging(page, needClearList) {// 查询首页短视频列表var me this;var myUserInfo getApp().getUserInfoSession();// console.log(首页,myUserInfo)var userId ;if (myUserInfo ! null) {userId myUserInfo.id;}var serverUrl app.globalData.serverUrl;uni.request({method: GET,header: {headerUserId: userId,headerUserToken: app.getUserSessionToken()},url: serverUrl /vlog/indexList?userId userId page page pageSize10,success(result) {if (result.data.status 200) {var vlogList result.data.data.rows;var totalPage result.data.data.total;// me.playerList vlogList;if (needClearList) {me.playerList [];}me.playerList me.playerList.concat(vlogList);me.page page;me.totalPage totalPage;if (needClearList) {me.setThisVlogInfo();me.freshCommentCounts();}} else {uni.showToast({title: result.data.msg,icon: none,duration: 3000});}},complete() {uni.stopPullDownRefresh();}});}6. 效果图
