微信小程序返回携带参数或触发事件

应用场景

点击选择需要跳转到新的页面,在新的页面上选择成功后返回上一个页面,在把选择的结果渲染到上一个页面。



问题描述

微信小程序中返回上一个页面的API是 wx.navigateBack , 这个与 wx.navigateTo有所不同,前者没有 url 提供返回和携带参数,而后者可以在 url 后面携带参数并跳转。那么怎么在返回上一个的页面的同时携带参数回去?
应用场景


解决方法

例子:A为父页面,B为子页面,B页面需要携带参数返回A页面

A页面

Page({
    data: {
      name:"张三"
    },
	 
	test(){
		console.log("A页面"); 
	}
})

B页面

let pages = getCurrentPages();  // 获取当前的页面栈

let prevPage = pages[pages.length - 2]; 

prevPage.setData({    
	name: "李四" // 需要传递的值
})

prevPage.test();  // 调用 A页面的方法   输出:A页面

wx.navigateBack({
    delta:1 //返回上一级页面
})

结果(A页面):

Page({
    data: {
      name:"张三"
    },
	
	test(){
		console.log("A页面"); 
	}
	
    onShow(){
	  console.log("this.data.name");  // 李四
	}
})
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值