当前位置:   article > 正文

小程序中强制页面刷新_小程序强制刷新页面

小程序强制刷新页面
1、tab页面切换时强制页面数据刷新
//      pageTabB   =>    pageTabA
wepy.switchTab({ 
	url: '/pages/pageTabA',
	success(){
		let page = getCurrentPages().pop();  
		if( page == undefined || page == null ) return;
		page.onLoad()
	}
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
2、小程序数据返回时刷新当前页面数据
2.1  方法一、获取当前页面栈的数组,数组中最后一个就是当前页面,然后onload当前页面。
if (getCurrentPages().length != 0) {
       //刷新当前页面的数据
       getCurrentPages()[getCurrentPages().length - 1].onLoad()
}

2.2 方法二、在onShow中调用刷新数据的方法
onShow() { //返回显示页面状态函数
    //只执行需要刷新局部数据的方法,来进行局部刷新       ******推荐
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
3、带参返回上一页,并刷新页面

先获取上一个页面的信息栈, 再修改上个页面路由中携带的参数, 再通过wx.navigateBack返回上一页, 最后在上一个页面中的onShow中调用相应的方法,刷新数据

pageB   =>     pageA

//  pageB页面   2 表示上一个页面
    let pages = getCurrentPages();    //获取当前页面信息栈
    
    if(pages.length<=2) return; 
    
    let NPage = pages[pages.length-2]     //获取上一个页面信息栈
    
    NPage.setData({             //  修改上一个页面的路由携带的信息
    
        data:   data ,          // 需要传递测参数
        
    }),
    
    wx.navigateBack();          //  返回上一个页面

//  pageA页面   1 表示当前页面
    let pages = getCurrentPages();    //获取当前页面信息栈
    
    if(pages.length<=1) return; 
    
    let NPage = pages[pages.length-1]     //当前页面
    
    let data = NPage.data.data;     //获取当前页面路由中携带的data数据
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/90058
推荐阅读
相关标签
  

闽ICP备14008679号