微信小程序返回上一页刷新组件数据的示例代码
作者：迪卢克的现任
这篇文章主要介绍了微信小程序返回上一页刷新组件数据的相关资料,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
微信小程序返回上一页刷新组件数据
在父页面的onShow和onHide里面添加一个标志
onShow() {
this.setData({
show:true
})
},
onHide() {
this.setData({
show:false
})
},把这个值传给子组件
<importantList slot="importantConcern" flag="{{barSelect}}" flag2="{{show}}" />在子组件的properties方法里面进行判断当flag2为true的时候调用刷新函数刷新
properties: {
flag: {
type: String,
observer: function(news) {
if(news==='importantConcern'){
this.getnewTablist(this.data.code)
}
}
},
flag2: {
type: String,
observer: function(news) {
if(news==='true'&&news==='importantConcern'){
this.getnewTablist(this.data.code)
}
}
},
},补充：
微信小程序返回上一级页面并自动刷新数据
前言
界面由A到B，在由B返回A，触发刷新动作
一、获取小程序栈
界面A代码
shuaxin(){
//此处可进行接口请求从而实现更新数据的效果
console.log("刷新本页面数据啦")
},界面B代码
// 返回触发事件上
// Taro代码为例
goBack(){
let pages = Taro.getCurrentPages(); //获取小程序页面栈
let beforePage = pages[pages.length -2]; //获取上个页面的实例对象
beforePage.shuaxin(); //触发上个页面自定义的shuaxin方法
wx.navigateBack({ //返回上一页
delta:1
})
},二、生命周期触发
代码如下（示例）：
componentDidShow (){}在小程序环境中对应页面的 onShow。
页面显示/切入前台时触发。
总结
到此这篇关于微信小程序返回上一页刷新组件数据的文章就介绍到这了,更多相关微信小程序返回上一页刷新组件数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！