同字形结构布局网站,家装公司名称大全,上海市建设厅网站,软件开发前景和收入切换页面刷新#xff1a;通过onShow()便可实现
返回上一页通过uni.navigateBack({delta: 1});实现
以返回上一页刷新为例
从B页面返回上一页到A页面#xff0c;在A页面写入方法refreshHandler()
//a.vue
methods: { // 执行刷新逻辑refreshHandler() {uni.request({ur…切换页面刷新通过onShow()便可实现
返回上一页通过uni.navigateBack({delta: 1});实现
以返回上一页刷新为例
从B页面返回上一页到A页面在A页面写入方法refreshHandler()
//a.vue
methods: { // 执行刷新逻辑refreshHandler() {uni.request({url: getApp().globalData.position Produce/select_producting,data: {username: getApp().globalData.username},header: {Content-Type: application/x-www-form-urlencoded},method: POST,dataType: json,success: res {this.info res.data.info;},fail(res) {console.log(查询失败)}})}
},在A页面写入onLoad()onShow() onLoad()首次进入页面时执行的方法这里直接引入refreshHandler() 可以直接查询到页面数据 onShow()进入页面执行的方法主要切换到本页面就会执行该方法这里也是直接引入refreshHandler()函数可以在每次进入页面时执行数据刷新写入onShow()便可解决进入页面不刷新的问题返回上一页刷新的问题也会解决
//刚进入页面执行的操作
onLoad() {this.refreshHandler()
},
//进入页面这行的操作
onShow() {this.refreshHandler()
}在B页面执行返回A页面的操作
//b.vue
methods: {is_back(e) {console.log(返回)uni.showToast({title: 成功,})setTimeout(function() {//返回上一页uni.navigateBack({delta: 1,});}, 500)},
},核心
uni.navigateBack({delta: 1,
});这段代码的作用是返回上一个页面delta参数指定了返回的层数。在这里delta为1表示返回上一层即当前页面的前一个页面。 注uni.navigateBack函数是由uni-app框架提供的用于在多页面应用中返回上一个页面。它类似于浏览器的后退按钮功能。 如果你希望执行该函数后刷新上一个页面你可以使用下面的方式 当成功返回上一个页面后会调用上一个页面的onShow生命周期函数进行刷新操作。
uni.navigateBack({delta: 1,success: function () {const pages getCurrentPages(); //获取当前页面栈const prevPage pages[pages.length - 1]; //获取上一个页面实例对象prevPage.onLoad(); //调用上一个页面的onLoad方法}
});总结
方法一直接在onShow()生命周期调用方法 方法二使用uni.navigateBack返回调用上一个页面的onLoad方法
