企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>uniapp学习>正文

uniapp两个同级页面之间互相传值的方法

2025-06-13 15:39:57 浏览 386

1、uni.$emit 

当A页面向B页面传值时候:

	let imgs = {
		beizhu:this.tempParams.beizhu,
		attachs:this.tempParams.attachs
	}
	uni.$emit('DKs',imgs)
	index.navigate_to('/b')

2、uni.$on接收值

B页面接受A页面传过来的值:

onShow() {
   uni.$on('DKs',(data)=>{
    if(data.beizhu){
	 this.beizhu = data.beizhu
    }
    if(data.attachs && this.data.attachs.length>0){
	  this.imglst = data.attachs
    }
     })
}

3、uni.$off 在B页面销毁 DKs

onUnload() {
   this.$EventBus.$off('photo');
}


4、B页面向A页面回传值的时候

let send = {
   beizhu:this.beizhu,
   attachs :this.imglst,
}
uni.$emit('params',send); //接收方法 上述
index.navigate_back(); //会自动清除页面数据

总结  这种写法 主要为了避免url地址传值 长度超长的问题

网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音