uniapp中使用navigateBack返回上一页并携带参数

最新推荐文章于 2024-04-30 17:34:46 发布

肉丝儿~

最新推荐文章于 2024-04-30 17:34:46 发布

阅读量4.5k

点赞数 3

本文链接：https://blog.csdn.net/qq_46490937/article/details/124288472

版权

uni-app 页面生命周期数据传递 onShow navigateBack

关键词由CSDN通过智能技术生成

A页面为第一页，B页面为第二页
首先在A页面中创建一个变量schoolName

data(){
    return{
        schoolName: '',
    }
}

然后在onShow中，接收B页面返回携带的参数

onShow() {
    let pages = getCurrentPages();
    if (pages[pages.length - 1].$vm.schoolName) {
        this.schoolName = pages[pages.length - 1].$vm.schoolName
    }
},

B页面

display(CollegeName) {
    this.currenName = CollegeName //给currenName赋值
    // --------主要是以下代码---------
    let pages = getCurrentPages();
    let prevPage = pages[pages.length - 2];
    prevPage.$vm.schoolName = this.currenName;
    uni.navigateBack({
    	delta: 1
    })
},