uni-app 使用uni.$emit 导致监听2次或多次

已于 2024-05-08 11:28:16 修改
阅读量433 收藏 2
点赞数 5
文章标签： vue.js
于 2024-05-07 11:40:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36529240/article/details/138525920
版权

在main.js添加代码

let onFun = uni.$on;
uni.$on = (eventName, obj) => {
	try {
		uni.$off(eventName);
	} catch (error) {}
	onFun(eventName, obj);
}
江-月*夜
关注
unniapp——使用uni.$emit()和uni.$on() 进行页面间通讯
aliyun3的博客
06-16 509
1.闭包 如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就叫闭包。 2.箭头函数 this指向 箭头函数和普通函数的区别 普通函数： （1）总是代表着它的直接调用者，如obj.fn，fn里的最外层this就是指向obj （2）默认情况下，没有直接调用者，this指向window （3）严格模式下（设置了'use strict'），this为undefined （4）当使用call，apply，bind（ES5新增）绑定的，this指向绑定对象 ES6箭头函数中this
uni-app如何页面传参数的几种方法总结
10-15
本文将详细介绍uni-app页面传参数的几种方法，特别关注`uni.$emit()`和`uni.$on()`的使用，以及它们在实际开发中的应用场景。 首先，`uni.$emit(eventName, OBJECT)`是用来触发全局的自定义事件。你可以向事件中...
uniapp 如何做父子组件间的通讯
qq_37550440的博客
06-01 1681
1.不能使用vue 组件传值的方式 子组件代码： close() { this.$emit('close',99) }, 父组件代码： <com-search v-if="isSearch" @close="handleClose()" ></com-search> handleClose(data) { this.isSearch = false console.log(this.isSearch); console.log('handleClose'.
uniapp uni.$on重复执行的问题
haosicx的博客
01-18 6404
在子页面传输数据给父页面的时候 需要用到 uni.$emit() 然后在父页面的onShow中使用 uni.$on('函数名称', (res) => {})去接收那个函数的值 但是会发现 子传父只触发了一次 但是onShow中的uni.$on执行了多次 这是因为没有清除监听 需要在合适的地方(函数结束的地方)uni.$off('函数名称')去清除这个监听即可 ...
关于vue中$emit 触发两次自定义事件的问题
Tizzyhong的博客
04-16 2803
父组件代码 <template> <div> <!-- 原生DOM事件 --> <button @click="handle">点击</button> <!-- 原本是自定义事件，加上native修饰符转换成原生DOM事件，实际上是在Event1组件的根元素上加click事件 --> <Event1 @click.native="handle1"></Event1> .
触发的时候页面中的$on事件多次触发
chelflan's blog
04-11 3056
**eventBus中央通信，会触发多次的原因**原因1.第一次触发的时候页面中的on事件没有被触发2. 为什么后面再一次依次去触发的时候会出现，每一次都会发现好像之前的on事件分发都没有被撤销一样，导致每一次的事件触发执行越来越多解答：1. 当我们还在页面A的时候，页面B还没生成，也就是页面B中的 created中所监听的来自于A中的事件还没有被触发。这个时候当你A中emit事件的时候，B其实是...
uniapp消息传递出现多次接收的情况
lsg_lsg_lsg的博客
10-08 2519
uni文档提示： 1.uni.$emit、 uni.$on 、 uni.$once 、uni.$off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等 2.使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.$on 注册监听，onUnload 里边 uni.$off 移除，或者一次性的事件，直接使用 uni.$once 监听 问题分析：如果只是跳转，并没有销毁页面，则需要在页面上有解除监听的操作，不然会出现多次接收的情况 ...
随记--关于Vue监听事件多次触发的问题
weixin_44358678的博客
08-09 2012
Vue $emit 多次调用的处理方案
uni-app 中uni.$emit 和 uni.$on
11-03
uni.$emit和uni.$on是uni-app中用于组件间通信的两个方法。其中，uni.$emit用于触发一个事件，并传递参数，而uni.$on则用于监听这个事件，并在事件触发时执行相应的回调函数。下面是一个示例代码： ``` // A页面 ...
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
10-18
以下是一个具体的代码示例，展示了如何在Vue.js项目中解决$on无法监听$emit触发事件的问题。 ```html <!DOCTYPE html> <meta charset="UTF-8"> <title>Emit事件和On事件 <script src="../js/vue.js"> ...
uni-app项目的uni.$bj是什么意思
05-20
在uni-app中，uni.$b是一个全局对象，用于在不同页面之间共享数据。它类似于一个全局的Vue实例，可以...$b的全称是uni.broadcast，它提供了多个方法来实现不同的通信需求，比如$on用于监听事件、$emit用于触发事件等。
记录：uni踩坑多次触发uni.$once
weixin_43771472的博客
10-13 2586
应该是bug，在开发中发现只触发一次监听事件，但是收到了两次的$once(),导致出现了考虑之外的bug，经排查发现以上问题，百度后才确定是uni的坑。2.uni.$once() 前面先移除一次 uni.$off()。1.可以使用onUnload 里边 uni.$off 移除。多次触发uni.$on。
vue或uniapp中，子组件$emit过去一个参数，但是在父组件中传送两个参数（$emit传送过来的可用$event接收，另一个参数直接传即可）
huangfuyk.的博客
11-14 845
【代码】vue或uniapp中，子组件$emit过去一个参数，但是在父组件中传送两个参数（$emit传送过来的可用$event接收，另一个参数直接传即可）
vue3子组件通过emit反馈给父组件，会触发两次。
曹先森的博客
10-25 3206
使用 emit 需要 先注册 在 setup 中 使用emit的时候如果不注册会给父组件反馈两次。 详情如下 vue.component('ls-unit', { props: { selectedItems: { default: {} } }, emits: ['change'], // 这里需要先注册 setup(props, { emit })
uniapp多页面同时监听一个值
最新发布
weixin_50120093的博客
04-07 487
两个页面同时监听store中的同一个值ConnectStatus，A页面中获取到ConnectStatus值为1时跳转index页面，B页面中获取到ConnectStatus值不为1时跳转first页面。进入A页面，A页面监听ConnectStatus，B页面不监听；进入B页面，B页面监听ConnectStatus，A页面不监听。}, //返回没有被销毁加的onBackPress(),跳转进入onHide()console.log('有没有被销毁')
uniapp onshow 重复执行的问题（已解决）
jack_tyc的博客
09-08 2883
uniapp onshow方法重复执行
uniapp小程序 bug整理
qq_37004501的博客
12-07 1860
点击按钮返回上一页methods: {back(){},//不点击按钮返回上一页，二者存在一个即可//列表页接收详情页参数onShow() {})},
uniapp跨页面传参，监听页面 移除 $on，$emit，$once，$off
qq_52065282的博客
03-13 1837
3、使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.$on 注册监听，onUnload 里边 uni.$off 移除，或者一次性的事件，直接使用 uni.$once 监听。2、uni.$emit、 uni.$on 、 uni.$once 、uni.$off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等。监听全局的自定义事件，事件可由$emit触发，回调函数会接收所有传入事件触发函数的额外参数。触发全局的自定义事件，将参数传给监听器回调。
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值