uniapp $on
时间: 2023-10-03 22:05:21 浏览: 30
uniapp中的$on是一个全局事件监听方法,用于监听指定名称的事件。在A页面的onload生命周期函数中使用uni.$on('自定义名称',function(data){})可以监听来自其他页面的事件,并接收到传递的值。例如,在A页面的onload函数中使用uni.$on('add',function(res){ console.log(res.listData)})可以监听名为'add'的事件,并在触发时打印出传递过来的值res.listData。当不再需要监听该事件时,可以在A页面的onUnload生命周期函数中使用uni.$off('add')来移除对该事件的监听。
相关问题
uniapp $emit
uniapp的$emit是一个用于在组件之间通信的方法。它允许一个组件触发一个自定义事件,并传递数据给其他组件。在给定的代码片段中,A页面通过使用uni.$on来监听一个名为'add'的事件,当事件被触发时,它会执行一个回调函数并打印出通过'add'事件传递过来的数据。C页面通过使用uni.$emit来触发一个名为'add'的事件,并传递了一个名为listData的数组作为数据。这个事件触发后,A页面中的回调函数会被执行,并将listData数组作为参数打印出来。总结来说,uniapp的$emit方法用于在组件之间进行事件的触发和数据的传递。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑](https://blog.csdn.net/m0_60842861/article/details/126711046)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
uniapp 清楚uni.$on事件
uni.$on是uniapp框架提供的事件监听方法,用于监听指定事件的触发。其语法如下:
```
uni.$on(eventName, callback)
```
其中,eventName为事件名称,callback为事件触发后的回调函数。
当eventName对应的事件被触发时,callback函数会被执行。同时,callback函数会接收一个参数,该参数为事件触发时传递的数据。
需要注意的是,使用uni.$on监听事件后,需要在适当的时候使用uni.$off方法取消事件监听,以避免内存泄漏。