需求:从详情页改变了数据,使Tab页的数据发生改变,返回Tab页,让页面刷新。
思路:在详情页处理完逻辑,通过uni.switchTab进行页面跳转,跳转完成后再跳转后的页面中,在onShow的生命周期函数中重新请求服务器数据。
1.onShow页面生命周期函数:监听页面显示,页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。
2.详情页处理逻辑,改变了数据后,进行跳转
uni.switchTab({
url: '/pages/detailMessage/detailMessage',
})
3.Tab页在onShow中调用获取数据接口
data(){
return{
dataArr:[]
}
},
onShow() {
this.getAppData()
},
methods:{
//获取信息列表的数据
async getAppData() {
await uni.request({
method: "GET",
url: '/getAppData',
}).then(res => {
this.dataArr = res.data;
})
},
}
注意:上述demo仅供参考,个人根据需求进行调整。