mpvue开发小程序(坑一)传递数据无法使用getCurrentPages()

本文介绍了一种在mpvue+小程序环境下,从页面B返回数据到页面A的方法。通过创建中转站igNB,利用Vue的$emit和$on事件机制,实现了页面间的数据传递,适用于wx.navigateTo和wx.navigateBack的场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将数据传递给任意内容页(mpvue + 小程序)

目的:

现有页面A、页面B,
页面A =跳转到> 页面B 采用wx.navigateTo()
页面B =跳转到> 页面A 采用wx.navigateBack()
实现:
页面B进行操作之后,返回操作的数据给页面A

方法:

当页面B操作完成之后,可以$emit发射一个事件,并进行传入参数;页面A使用$on接收这个事件,并且$on的回调函数就是页面B发射出来参数。这种方法需要建立一个空的js文件

代码:

中转站igNB:

import Vue from 'vue'
const igNB = new Vue()

export default igNB

页面A:

import ig from '../../utils/bus'
export default {
	data () {
		data: {}
	},
	onShow () {
	   bus.$on('upData', res => {
	     console.log('res', res) 	 res即为页面B返回的数据
	     this.data = res
	   })
	 }
}

页面B:

import ig from '../../../../utils/bus'
export default {
	data () {
		data: {
			name: ‘sjy’,
			age: 18
		}
	},
	methods: {
		emit () {
			bus.$emit('upData', this.data)
			wx.navigateBack({
              delta: 1
            })
		}
	}   
}

如果大家有什么更好的方法非常欢迎与我沟通

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值