uniapp 监听自定义事件父子页面传值

应用场景一:联系人列表选择后返回

uniapp 监听自定义事件父子页面传值_第1张图片

应用场景二:选择地区返回

uniapp 监听自定义事件父子页面传值_第2张图片
官方文档 (页面通讯):uni. o n 、 u n i . on 、 uni. onuni.off 、 uni.$emit

父页面

每次页面显示 监听该事件是否返回数据
onShow() {
	let that = this;
	//监听自定义事件
	uni.$on("handClickSelectAddress", res => {
	
		that.handClickSelectAddress(res);
		//清除监听,不清除会消耗资源
		uni.$off('handClickSelectAddress');
	})
},
//取值后,数据返回在这里
handClickSelectAddress(item) {
	console.log(item)
},

子页面

触发已定义的自定事件,附加参数返回
	this.getData //取到的值
	uni.$emit('handClickSelectAddress', this.getData)
	uni.navigateBack({
		delta:1
	})

你可能感兴趣的:(uniapp,uniapp)