uniapp 同一个页面用了 uni.on ， uni.$off ， uni.$emit 失效

最新推荐文章于 2024-07-28 20:01:42 发布
最新推荐文章于 2024-07-28 20:01:42 发布
阅读量246 收藏
点赞数 3
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43962877/article/details/138862980
版权 
// 在onReady生命周期里面使用uni.$on ， onunload 生命周期里面使用uni.$off， uni.$emit在具体的事件里面使用
	 onReady() { 
		    uni.$on('selAddressInfor',(res)=>{
		      this.dataForm.coordinate = res.longitude + ',' + res.latitude
		      this.dataForm.address = res.address
		      this.locationAddress = res.address
		    })
		},
		onunload(){
			uni.$off('selAddressInfor')
		},
L.@
关注
解决vue bus.$emit触发第一次$on监听不到问题
10-15
主要介绍了解决vue bus.$emit触发第一次$on监听不到问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑
热门推荐
一起来讨论学习前端技术吧
09-05 2万+
[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑
uniapp开发小程序onShow中使用uni.$on监听未消亡Bug
最新发布
学点的CSDN博客
07-28 533
uniapp开发小程序onShow中使用uni.$on监听未消亡Bug。大家好，我是学点！在一个键盘打碟鼠标卡点即吵闹又寂静无声的办公大厅，我听到来自领导的呼唤，进入领导办公室后领导说调用第三方接口与我们系统业务不匹配，第三方接口调用量严重超标，调用接口费用一直网上增，心里咯噔一下！赶紧回到岗位上查看日志排查问题。目前我正在为公司开发一款微信小程序。我是一名前后端全栈开发小哥，负责的模块前端和后端都是由我来码。
uniapp中使用uni.$emit和uni.$on进行页面通讯传值
hu104160112的博客
06-02 1万+
注意事项 1.uni.emit、uni.emit、 uni.emit、uni.on 、 uni.once、uni.once 、uni.once、uni.off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等 2.使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.on注册监听，onUnload里边uni.on 注册监听，onUnload 里边 uni.on注册监听，onUnload里边uni.off 移除，或者一次性的事件，直接使用 uni.$once 监听 A
uniapp(uni.$on)事件监听,在当前页面触发另一页面的方法
SLife4599的博客
03-15 1万+
要执行的页 onLoad(e) { uni.$on('login', (usnerinfo) => { this.ischooseid = usnerinfo.addrsssid; this.ischoose = true; }) }, 一定要记得在离开页面后移除监听事件 onUnload() { // 移除监听事件 uni.$off('login'); }, 要调用的界面’login’名字随便起 uni.$emit('login', {
uniapp全局事件uni.$on，可以不相邻的组件之间传递参数
m0_49714202的博客
12-17 2107
uniapp全局事件uni.$on，可以不相邻的组件之间传递参数
uniapp中的组件通讯（$emit和$on）
03-07 2861
效果图： 实现代码： bus.js import Vue from 'vue' export default new Vue() component-communication.vue: <template> <view> <page-head title="组件通讯示例"/> <reciver></reciver> <sender></sender>
uni-app如何页面传参数的几种方法总结
10-15
然而，使用`uni.$emit()`和`uni.$on()`时需要注意一个重要的坑：必须先打开目标页面，然后再发射参数，否则接收页面可能无法接收到数据。这是因为事件的发射和监听是在不同页面的上下文中进行的。如果发射事件过早，...
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
10-18
通常情况下，当父组件需要监听子组件发出的事件时，我们会在子组件内部使用$emit来触发一个自定义事件，然后在父组件上使用$on来监听这个事件。但在某些特殊情况下，如果子组件中的this指向不是父组件实例，那么$...
vue中$refs, $emit, $on, $once, $off的使用详解
10-16
在Vue.js框架中，$refs, $emit, $on, $once, 和 $off 是用于组件间通信的重要机制。下面将分别对它们进行详细的解释和示例说明。 1. **$refs** `$refs` 是 Vue 提供的一种机制，允许父组件引用其子组件实例。在...
详解vue中this.$emit()的返回值是什么
10-17
在Vue中，组件间的通信是至关重要的，而`this.$emit()`是Vue实例的一个方法，用于触发当前组件的自定义事件。这篇文章将深入探讨`this.$emit()`的返回值及其在实际开发中的应用。 首先，我们要明确`this.$emit()`的...
uniapp uni.$emit()失效
黎小小的博客
07-20 2789
settle.vue页面引入bjs-settle.vue组件，bjs-settle.vue组件点击后在settle.vue中进行结算操作（过程中有跳转）本来以为使用vue的this.$emit()就可以实现子组件回调父组件中的方法，但是发现没用。然后看到uniapp中需要使用uni.$emit()，直接使用后，也不生效。官方是说使用$emit$on$off常用于跨页面、跨组件通讯。
uniapp返回上一级页面，并附加参数
xiaobai_longma的博客
05-18 1322
触发全局的自定事件。附加参数都会传给监听器回调。 uni.$emit('update',{msg:'页面更新'}) （放在返回事件的前面） 监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。 uni.$on('update',function(data){ console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg); }) （可以改为箭头函数，不然this无法指向事件） 监听全局的自定
uniapp的$emit,$on,$once,$off的简单使用
Study_Live_Sun的博客
03-12 799
uni.$emit('selectAddress',{ //选择地址完成后，触发全局的地址改变事件，并传递参数给监听器即uni.$on。1、$off提供的回调必须跟$on的回调为同一个才能移除这个回调的监听器。uni.$on('selectAddress',(info)=>{ //开启监听全局的地址改变事件。uni.$off('selectAddress') //在此生命周期里销毁地址改变事件的监听。场景：用户点外卖要改地址，订单页-->地址选择页-->更改地址-->返回订单页-->地址改变了。
uni——小程序：页面栈、页面通讯、uni.$emit()、uni.$on()、uni.$off(‘‘)
努力、拼搏、奋进
04-23 1173
uni——小程序：页面栈、页面通讯、uni.$emit()、uni.$on()、uni.$off('')
【uniapp触发全局自定义事件】
前端-CV全粘工程师
08-01 2881
触发全局的自定义事件，附加参数都会传给监听器回调函数。监听全局的自定义事件，事件由 uni.emit 触发，回调函数会接收事件触发函数的传入参数。监听全局的自定义事件，事件由 uni.emit 触发，但仅触发一次，在第一次触发之后移除该监听器。移除全局自定义事件监听器。 注意事项 uni.emit、 uni.on 、 uni.once 、uni.off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等 使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.on 注册
uniapp的页面通讯：uni.$on、uni.$off、uni.$once
qq_40324997的博客
12-31 1617
uniApp ，uni.$emit、 uni.$on 、 uni.$once 、uni.$off
uniapp 使用 $emit和$on——$on中无法为data中的变量赋值
weixin_48596030的博客
12-05 1290
问题在于this的指向，解决办法是使用变量保存$on，其次再为data中的值赋值。
uniapp在不同页面间跳转时使用$emit和$on传值无效问题（记录坑）
a666666000的博客
09-08 9958
uniapp在不同页面间跳转时使用$emit和$on传值无效问题
uni.$emit 刷新丢失
07-28
uni.$emit 刷新丢失的问题可能是由于事件监听器没有正确移除导致的。在引用\[2\]中的示例代码中，可以看到在 onShow() 方法中使用了 uni.$off('saveSelect') 来移除全局自定义事件监听器。这样可以确保在每次页面显示时都能正确监听到事件并执行相应的操作。如果没有正确移除事件监听器，可能会导致事件刷新丢失的问题。因此，建议在使用 uni.$emit 触发事件后，确保在适当的时机使用 uni.$off 方法移除事件监听器，以避免刷新丢失的问题的发生。 #### 引用[.reference_title] - *1* *3* [2021-05-08](https://blog.csdn.net/v_shenghuojia/article/details/116521472)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp、小程序选择数据后携带数据返回上一页且不刷新页面](https://blog.csdn.net/weixin_52941842/article/details/127765607)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值