首页 > 其他分享 >UNIAPP返回上一页并参数 uni.$on、uni.$off、uni.$once 和 uni.$emit

UNIAPP返回上一页并参数 uni.$on、uni.$off、uni.$once 和 uni.$emit

时间:2023-11-21 14:55:44浏览次数:41  
标签:订阅 off UNIAPP eventName callback 事件 uni 监听

WPF Prism事件聚合器-订阅/发布事件 https://www.cnblogs.com/douyuanjun/p/17788957.html
结合JS理解更容易理解:https://www.cnblogs.com/douyuanjun/p/17465402.html

//传参给上一页
confirm:function(){
		if(this.list.length >= 1){
			//选择观演人
			uni.$emit('selectViewersEvent',this.list[this.current]);
		}
		uni.navigateBack()
},
// 返回上一页时onShow会执行
onShow:function(){	
		//选择观演人
		uni.$on('selectViewersEvent', (data) => {
			console.log('selectViewersEvent',{data});
		});
}

uni.$on(eventName, callback)

参数:eventName 是事件名称,callback 是事件回调函数。
功能:用于订阅一个事件,并在事件触发时执行回调函数。
场景:适用于需要监听事件并进行相应操作的场景,比如监听用户点击某个按钮的事件,或者监听网络请求返回的结果。

uni.$off(eventName, callback)

参数:eventName 是事件名称,callback 是之前订阅事件时使用的回调函数。
功能:用于取消订阅一个事件,即移除之前使用 uni.$on 订阅的事件回调函数。
场景:适用于取消之前的事件订阅,当不再需要监听某个事件时使用。

uni.$once(eventName, callback)

参数:eventName 是事件名称,callback 是事件回调函数。
功能:与 uni.$on 类似,用于订阅一个事件,但是只会触发一次,即回调函数执行后会自动取消订阅。
场景:适用于只需要监听一次事件的情况,比如在某个页面初始化时请求一次数据,然后不再需要监听该事件。

uni.$emit(eventName, args?)

参数:eventName 是事件名称,args 是可选的参数,用于传递给事件回调函数。
功能:用于触发一个事件,即执行之前使用 uni.$on 订阅的事件回调函数。
场景:适用于需要手动触发事件并传递参数的情况,比如在某个组件内部发生了某个重要事件,需要通知其他组件进行相应的操作。

标签:订阅,off,UNIAPP,eventName,callback,事件,uni,监听
From: https://www.cnblogs.com/douyuanjun/p/17846578.html

相关文章

  • Unity中欧拉角
    什么是欧拉角?(1)使用单个角度来保存方位(2)X与Z沿自身坐标系旋转,Y沿世界坐标旋转(3)API:Vector3eulerAngle=this.tranform.rulerAngles;优点:(1)仅使用三个数字表达方位,占用空间小(2)沿坐标轴旋转的单位维角度,符合人的思考方式(3)任意三个数字都是合法的,不存在不合法的欧拉角缺点:(1)方......
  • Unity 按键监听
    voidUpdate(){if(Input.GetKeyDown(KeyCode.UpArrow)){TestText.text="上";}}Input.GetKeyDown(keycode.space)这是监听空格键按下,具体看keycode的枚举对应不同按键Input.GetKeyUp是判断某个按键抬起Input.GetKey是判断某个按......
  • 大话Unity Shader,带你带你从0开始了解
    前言Shader,一款中文名为着色器的东西,对于很多开发者来言它是一个神秘的存在,想学但是又不知道如何去学,或者学了一段时间又发现Get不到它的点,始终感觉游离在外,不得其法。那么本文今天就来给大家讲解一下如何从零基础入门Shader,目的在于让初学Shader的程序员或者美术er可以快速进入......
  • Unity 卡通渲染之角色篇
    前言作为新博客的第一篇,就用卡渲作为开篇叭!毕竟是个二次元乐。本篇同步发表于http://chenglixue.top/index.php/unity/73/之前使用UE的后处理做过简单的卡渲,但因其灵活性很差,很多操作都需涉及到更改管线,且奈何本人在校用的笔记本,一次build就得好久,因此放弃对卡渲的深入。如今对......
  • 《Unix/Linux系统编程》测试 (2)
    13.14server回答代码中有哪些宏,都在哪定义的有三个宏定义,分别是:MAX:定义为256SERVER_HOST:定义为"localhost"SERVER_PORT:定义为1234这些宏定义出现在代码的开头,在包含标准库头文件之后。这些宏定义用于给常量赋值,并在后续代码中使用这些常量client回答代码中有哪些宏......
  • Unity学习笔记--数据持久化XML文件(1)
    XML相关Xml是可拓展标记语言,一种文件格式。我们使用xml来完成对数据持久化的存储。等待我们有一程序运行结束之后,将内存中的数据进行保存,(保存在硬盘/服务器)实现对数据的持久化存储。xml文件的读取和保存以及修改要点:XMl文件的加载XML文件节点的查找访问XML文件节点内......
  • 去掉uniapp程序中顶部返回按钮
    去掉uniapp程序中顶部返回按钮1.javascript"autoBackButton":false在小程序下生效,H5不生效{"path":"pages/donation/list","style":{"navigationBarTitleText":"公益捐款"......
  • App Cleaner & Uninstaller:全面优化Mac,提升运行效率
    AppCleaner&Uninstaller是一款专业的Mac清理卸载工具,它可以帮助用户轻松地清理Mac系统中的无用文件和卸载不需要的应用程序。通过使用这款工具,用户可以释放磁盘空间,提高系统运行速度,让Mac更加稳定和流畅。AppCleaner&Uninstaller获取AppCleaner&Uninstaller具有直观简......
  • uniapp的tap和click事件获取原始dom元素
    uniapp支持tap和click事件必须在template模板中绑定tap事件会把event对象的target原生dom对象去除,替换为组件(未发现),文档上支持冒泡,还需测试要获取原始dom元素可在mounted周期自行addEventListener,方可读取 ......
  • uniapp vue可以通过mixins混入代码,可以通过下面方法混入template
    vue全局混入template方法:在根目录vue.config.js(没有就新增)里添加一下代码//红色部分是混入的自定义vue组件module.exports={chainWebpack:config=>{config.module.rule('vue').use('vue-loader').loader('vue-loader').tap(options=>{......