首页 > 其他分享 >uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后,接收到数据但是却赋值不了

uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后,接收到数据但是却赋值不了

时间:2023-08-25 09:22:05浏览次数:38  
标签:uniapp eventChannel 跳转 uni 页面 emit 赋值

原因:跳转到未渲染过的页面时,页面还没渲染就进行赋值操作,所以赋值不上去。

           如果往后跳转,可以使用 uni.$emit和uni.$on页面传值。即uni.navigateBack({delta:1}),尽量不要使用uni.navigateTo(会造成页面重叠)。

能够接收到数据并赋值。

解决办法:使用EventChannel

代码如下:

     传递页面:

		search() {
				uni.navigateTo({
					url: `/payment/searchForm`,
					 success: res=> {
						  res.eventChannel.emit('getData', this.searchForm)
					  }
				  })
			},

  接受页面·:

	onLoad() {
		    const eventChannel = this.getOpenerEventChannel();
			this.eventChannel=eventChannel
			eventChannel.on('getData', (data) => {
				console.log(data)
				this.searchForm=data
			});
		},

  

 

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

标签:uniapp,eventChannel,跳转,uni,页面,emit,赋值
From: https://www.cnblogs.com/GmxNotes/p/17656016.html

相关文章

  • Unity.UI实习笔记
    1.点击Button弹出Panel功能SetActive:在场景中激活或停用对象。需要注意的是,停用父对象,那么场景中活跃的子对象也会停止,但子对象仍在其层次结构中保持活跃状态。例如停用父对象PhysicsDoor,子对象Door变灰,但在层次结构中仍旧保持活跃状态。引用自博客:https://blog.csdn.net/JF_......
  • Unity 中移动轴心 Pivot
    前言解决无法直接用鼠标移动UnityImage的轴心(Pivot)问题。如图所示,轴心为灰色:解决方案找到ToggleToolHandlePosition将center改为Pivot搞定......
  • Unity UGUI的Toggle(复选框)组件的介绍及使用
    UnityUGUI的Toggle(复选框)组件的介绍及使用1.什么是Toggle组件?Toggle(复选框)是UnityUGUI中的一个常用组件,用于实现复选框的功能。它可以被选中或取消选中,并且可以代码通过其制控状态。2.Toggle组件的工作原理组Toggle件由两个部分组成:背景记标和。景背用于显示复选框的外观......
  • golang中goto跳转语句和跳转标签声明
    和很多其它语言一样,Go也支持goto跳转语句。在一个goto跳转语句中,goto关键字后必须跟随一个表明跳转到何处的跳转标签。我们使用LabelName:这样的形式来声明一个名为LabelName的跳转标签,其中LabelName必须为一个标识符。一个不为空标识符的跳转标签声明后必须被使用至少一次。......
  • Unity UGUI的Slider(滑动条)件组的介绍及使用
    UnityUGUI的Slider(滑动条)件组的介绍及使用1.什么是Slider组件?Slider(滑动条)是UnityUGUI中的一种常用UI组件用,于在用户界面中实现滑动选择的功能。通过拖动滑块,用户可以选择一个数值范围的内值。2.Slider组件的工作原理Slider组件由两部分组成:滑动区域和滑块。滑动区域用于......
  • Mysql调优工具:mysqltuner.pl及tuning-primer.sh
    一、概述MySQL调优工具是用于分析和优化MySQL数据库性能的软件工具。它们可以帮助识别潜在的性能瓶颈、优化查询性能、调整配置参数以及提高数据库的吞吐量和响应时间。今天分享2个常用的工具。mysqltuner.pl:一款免费的Perl脚本工具,用于检查和优化MySQL服务器的配置参数。MySQL......
  • uniapp 常见bug 解决方法
    Uniapp是一款基于Vue.js开发的跨平台框架,可以同时开发多个平台的应用程序,包括微信小程序、支付宝小程序、H5、APP等。然而,在开发过程中,我们可能会遇到一些常见的错误,这些错误可能会影响我们的开发进度和应用程序的质量。本篇博客将介绍一些在Uniapp开发过程中常见的错误,并提......
  • unity在使用了HybridCLR进行编译时报错
    unity在使用了HybridCLR执行HybridCLR/Generate/All时,一直不成功,提示pleasefirstuse"HybridCLR/Generate/All"后面还有fatalerror:'icalls/mscorlib/System/MonoType.h'filenotfound#include"icalls/mscorlib/System/MonoType.h"每次执行HybridCLR/Gener......
  • 论文解读(IW-Fit)《Better Fine-Tuning via Instance Weighting for Text Classificatio
    Note:[wechat:Y466551|可加勿骚扰,付费咨询]论文信息论文标题:BetterFine-TuningviaInstanceWeightingforTextClassification论文作者:论文来源:2021ACL论文地址:download 论文代码:download视屏讲解:click1介绍出发点:域适应一类方法是对预先训练好的模型参数进行微......
  • vue3 使用 router 进行跳转备忘
    1.在画面中添加子画面,使用el-menu菜单进行跳转,只更新子画面a.首先在配置router路径的js文件中配置画面的路径,子画面的路径要在父画面的children下面 在父节点下设置redirect属性,打开父画面时会默认打开相应子画面,否则子画面默认显示为空白 b.在画面显示区域添加......