uni.$emit和uni.$on用法;uni-app微信小程序页面通讯;微信小程序页面通讯

uni-app的官方api uni.$on

场景: 微信小程序两个页面甚至多个页面之间,可能共用一个参数或者需要相互传递使用参数。例如页面A点击按钮,需要把A页面的item数据,赋值给页面B的formData,但是页面A只是传递数据给B,却不跳转到B。导致无法通过页面路径跳转传递参数,此时最好的办法就是使用页面通讯。

1.A页面:uni.$emit传递数据data,

并且会触发uni.$on同名事件,进行接收数据

methods:{//获取数据getData(){let item={name:'张三',age:18}//传递数据给 同一个页面通讯方法uni.$emit('setData',item)}
}

2.页面B:需要事先注册好同名的uni.$on页面通讯方法,用来接收数据(小程序页面推荐在onLoad内注册,正常组件只能在mounted内注册),监听全局的自定义事件。

事件可以由 uni.$emit 触发,回调函数会接收所有传入事件触发函数的额外参数。

注意:卸不卸载取决于你自己需求;如果卸载,后期不触发onLoad就无法再注册uni.$on事件,也就无法继续监听传递接收处理数据了

onLoad() {//开启监听接受传递的数据uni.$on('setData',(res)=>{console.log('接受的数据:',res)this.formData = resthis.name = res.namethis.age = res.age//还可以在这个里面执行methods方法this.num()})
},//--------------------------注意:卸不卸载取决于你自己需求;如果卸载,后期不触发onLoad就无法再注册uni.$on事件,也就无法继续监听传递接收处理数据了-------------
onUnload() {//卸载关闭监听设置数据事件uni.$off('setData',()=>{console.log('关闭监听选择收货地址');})
},methods: {num(){console.log(1)},
}	

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/403432.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

转:探索 AIX 6:在 AIX 6 上配置 iSCSI Target

引言iSCSI(Internet Small Computer System Interface)被业界认为是非常廉价的 SAN 解决方案,一直在中低端应用领域被市场所看好。 iSCSI 客户端和服务端都既可以通过硬件方式实现,也能通过软件方式的,其优劣区别就是在…

利用python生成一个导出数据库的bat脚本文件

# 环境: python3.xdef getExportDbSql(db, index): # 获取导出一个数据库实例的sql语句sql mysqldump -u%s -p%s -h%s -P%d --default-character-setutf8 --databases mu_ins_s%s > %s.s%d.mu_ins_%d.sql %(db[user], db[pwd], db[host], db[port], index, db[server],…

iOS开发极光推送显示 开发证书没有通过验证 是否重新上传证书?解决方法

1.证书密码错误 2证书环境不匹 3导证书时因手误把私钥导出来了,而不是证书 1.当前上传的p12证书密码输入有误; 2. 证书导出的时候展开了证书,把个人私钥导了出来,导证书的时候请不要展开证书; 3.当前上传的证书环境不对…

微信小程序禁止页面上下滑动;uni-app微信小程序禁止页面上下滑动;uni-app小程序上下滑动;

阻止小程序某个页面上下滑动,最简单有效方法;直接对小程序当前页的最外层标签盒子,设置固定定位即可! 设置固定定位后,页面的最大盒子宽度可能不是自动撑满的,那就自己在calc计算下宽度即可 .box {// 加这…

安装 groovy eclipse 插件

原文出处:http://blog.chenlb.com/2008/12/install-groovy-eclipse-plugin.html 写代码最好还是要个ide,最过学习 groovy。平时用 eclipse 开发 java 程序,写 groovy 还是用 eclipse 吧(虽然目前 groovy 的 eclipse 插件不是最好。…

Linux 统计文件行数,字节数。

语法:wc [选项] 文件… 说明:该命令统计给定文件中的字节数、字数、行数。如果没有给出文件名,则从标准输入读取。wc同时也给出所有指定文件的总统计数。字是由空格字符区分开的最大字符串。 该命令各选项含义如下: - c 统计字节…

PHP JSON数组与对象的理解

在PHP后端和客户端数据交互的过程中,JSON数据中有时格式不定,一会儿是数组,一会儿是对象,弄得客户端开发人员要崩溃的感觉。 因此,前后端相关人员先对PHP的json_encode函数原理有必要的了解是最重要的一个环节。 PHP中…

[bash] 打包某目录(可以是绝对路径)下的指定扩展名的文件

#!/bin/bash# 该脚本用于打包某目录(可以是绝对路径)下的指定扩展名的文件if [ $# -lt 1 ] || [ "$1" "." ] || [ "$1" "./" ]; thenDIRpwdelseDIR$1if [ ! -e $DIR ]; thenecho "Directory-[$DIR] not exist, exit now!"…

uni-app微信小程序生成自定义参数二维码,跳转小程序指定页面,获取参数;uni-app微信小程序获取二维码自定义参数;微信小程序生成动态参数二维码;uni-app微信小程序获取动态参数二维码;

一、场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id);微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的…

【view桌面虚拟化系列】1-vSphere搭建

本系列一共三章,具体如下: 【view桌面虚拟化系列】1-vSphere搭建 【view桌面虚拟化系列】2-View搭建 【view桌面虚拟化系列】3-VDI实现 实验的目的:测试vsphere5.1a、view5.1测试整体运行状况。 首先介绍下环境(所使用域名:vmc.co…

Linux 等待进程结束 wait() 和 waitpid()

若子进程先于父进程结束时,父进程调用wait()函数和不调用wait()函数会产生两种不同的结果: --> 如果父进程没有调用wait()和waitpid()函数,子进程就会进入僵死状态。 --> 如果父进程调用了wait()和waitpid()函数,就不会使子…

printf格式化输出类型

%d 十进制有符号整数 %u 十进制无符号整数 %f 浮点数 %s 字符串 %c 单个字符 %p 指针的值 %e 指数形式的浮点数 %x, %X 无符号以十六进制表示的整数 %0 无符号以八进制表示的整数 %g 自动选择合适的表示法 可以在”%”和字母之间加小写字母l, 表示输出的是长型数。 …

uni-app微信小程序保存页面到相册;canvas保存小程序页面;微信小程序保存二维码活动页面到相册;微信小程序canvas 生成海报保存到相册;canvas绘制小程序页面保存及分享;

文末代码可以直接复制运行(只需要将中间的二维码图片、底部的微信和相册图片和微信头像配置白名单 改成你项目内的img图片即可成功运行) 一、场景:在微信小程序 个人名片页面 含有微信头像和个人信息二维码(识别可跳转小程序指定页…

面试经验谈架构

##################################################### #本文内容来自《老男孩linux运维实战培训》学生—郑东旭 #如有转载,请务必保留本文链接及本版权信息。 #欢迎广大运维同仁一起交流linux/unix网站运维技术! #QQ:919953500#E-mail:weilandeshanhuhai126.com …

lucene api

设置重新打开索引目录(清空) IndexWriterConfig conf new IndexWriterConfig(new WhitespaceAnalyzer());conf.setOpenMode(OpenMode.CREATE);转载于:https://www.cnblogs.com/ydxblog/p/5688415.html

Linux计算求取文件长度

在文件IO的编程过程中,经常会遇到如何求取文件长度的问题,这里将工积累的一些常用方法写出来与大家分享。 第一类:lseek/fseek 1、lseek int GetFileSize(char *_pName) {int iFd -1;int iLen 0;if (_pName NULL){return -…

[linux-svn] linux下svn常用指令

From: http://www.cnblogs.com/aLittleBitCool/archive/2011/07/09/2101602.html windows下的TortoiseSVN是资源管理器的一个插件,以覆盖图标表示文件状态,几乎所以命令都有图形界面支持,比较好用,这里就不多说。主要说说linux下…

微信小程序uni.switchTab传参获取不到;小程序跳转到tabBar页并传参;uni-app微信小程序获取tabBar页面参数失败;uni-app微信小程序tabBar页面onLoad不执行

需求场景:从非tabBar页面B跳转到tabBar页面A,并想要携带参数。 如果使用uni.switchTab传参,会导致tabBAE页面获取不到参数; 原因: 官方文档有说,uni.switchTab路径后不能带参数; uni.navigateT…

UIView的旋转iOS开发

更多阅读请访问http://www.hopean.com 有关UIView坐标变换的,但是经常不能得到自己想要的效果,今天就把它仔细研究了下。记下来等以后忘记的时候再复习 重写shouldAutorateToInterfaceOrientation:,限制某个方向会改变原点的位置,…

jsp中字段截取

jsp页面上截取 <c:choose><c:when test"${fn:length(ad.remark) > 80}"><c:out value"${fn:substring(ad.remark, 0, 80)}..." /></c:when><c:otherwise><c:out value"${ad.remark}"/></c:otherwise&…