记录：uni踩坑多次触发uni.$once

在uniapp中的onshow使用uni.emit或uni.$on进行数据传递时，有的时候会发现事件被执行两次或多次，这个坑可能很多人都遇到过，最近遇到了这个坑。解决很简单，只要在执行前清理一次即可。

在子页面传输数据给父页面的时候 需要用到 uni.$emit() 然后在父页面的onShow中使用 uni.$on('函数名称', (res) => {})去接收那个函数的值 但是会发现 子传父只触发了一次 但是onShow中的uni.$on执行了多次 这是因为没有清除监听 需要在合适的地方(函数结束的地方)uni.$off('函数名称')去清除这个监听即可 ...

**eventBus中央通信，会触发多次的原因**原因1.第一次触发的时候页面中的on事件没有被触发2. 为什么后面再一次依次去触发的时候会出现，每一次都会发现好像之前的on事件分发都没有被撤销一样，导致每一次的事件触发执行越来越多解答：1. 当我们还在页面A的时候，页面B还没生成，也就是页面B中的 created中所监听的来自于A中的事件还没有被触发。这个时候当你A中emit事件的时候，B其实是...

解决办法就是在beforeDestroy或destroy周期中将事件进行销毁 created() { uni.$on('getApprover', (res)=>{ console.log(res); }); }, beforeDestroy () { uni.$off('getApprover'); }

uni文档提示： 1.uni.$emit、 uni.$on 、 uni.$once 、uni.$off 触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等 2.使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.$on 注册监听，onUnload 里边 uni.$off 移除，或者一次性的事件，直接使用 uni.$once 监听 问题分析：如果只是跳转，并没有销毁页面，则需要在页面上有解除监听的操作，不然会出现多次接收的情况 ...

$on 在构造器外部添加事件。 $on接收两个参数，第一个参数是调用时的事件名称，第二个参数是一个匿名方法。 如果按钮在作用域外部，可以利用$emit来执行。 html <div id="app"> <span>{{message}}</span> <button @click="...

使用socket.emit 发送了一个事件 另一个页面scoket.on接此接收事件 在mounted初始化 当在当前页面接收正常，一旦退出该页面再次进入就会多一次接收，实则发了一次。造成这种原因是因为当前事件一直保存没有被结束。B页面 当多次往返该页面 接收函数触发次数会随着页面往返次数增加，往返两次就打印两遍，依此类推。解决：在on之前，off该事件。

一、开始 下载hbuilder编译器； 创建默认模板项目； 运行到各三方编译器，需设置编译器所在本地路径（可以直接打开第三方编译器）； 注： 第三方编译器需要开启访问权限，方可访问。如下图中提示：去开启服务器端口 二、项目结构 uni.css — 全局样式【无需引用即可全局使用】； pages.json — app的初始化设置，注册页面【设置页面路由等】 设置tabBar： 官网 –...

【代码】uniApp跨页面通讯$on、$emit、$once、$off使用场景及技巧。

uniApp ，uni.$emit、 uni.$on 、 uni.$once 、uni.$off

注意事项 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

uni.$emit('selectAddress',{ //选择地址完成后，触发全局的地址改变事件，并传递参数给监听器即uni.$on。1、$off提供的回调必须跟$on的回调为同一个才能移除这个回调的监听器。uni.$on('selectAddress',(info)=>{ //开启监听全局的地址改变事件。uni.$off('selectAddress') //在此生命周期里销毁地址改变事件的监听。场景：用户点外卖要改地址，订单页-->地址选择页-->更改地址-->返回订单页-->地址改变了。