微信小程序两个页面如何传值

微信小程序两个页面之间的三种传值方法

第一种:通过设置全局变量再获取全局变量
第二种:通过wx.navigateTo的url传值

前两种方法比较基础,这里主要解析第三种方法:通过wx.navigateTo的success回调函数来实现传值(可双向传值)

下面是官方文档的说明:
在这里插入图片描述运用实例代码:
(第一个页面)demo5.js:

data: {     
	data1:"第一个页面的值" 
},  
//在wxml页面设置一个按钮,并绑定事件ddd
ddd:function(){    
    var _this = this  //在回调函数中不能通过this直接获取和设置data里的值 
    //转到下一个页面 
    wx.navigateTo({      
      url: '../demo6/demo6', //下一个页面的地址
      //events的作用是接受下一个页面传回来的参数,如果不需要可不写    
      events:{         
	dataname2:function(data){           
	   console.log(data)         
	  }      
      },      
      //关键部分!!!在回调函数中运用.eventChannel.emit('参数名称', {data:参数值})即可将此参数传到要转到的页面
      success: function (res) {       
         res.eventChannel.emit('dataname1', {data:_this.data.data1})    
      }    
   })  
 },

(第二个页面)demo6.js:

onLoad: function (options) {
	//创建获取对象
        const event = this.getOpenerEventChannel()
        //对应上一个页面的events事件,如果不需要可不写    
	event.emit('dataname2', {data: "第二个页面的值"})
	//关键部分!!!通过获取到的对象.event.on('参数名称',function(data)来获取参数值,结果保存在data里   
	event.on('dataname1',function(data){ 
		console.log(data)
	}
)

运行结果:
在这里插入图片描述

  • 7
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yg94web

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值