uni.$emit()
时间: 2023-10-13 07:03:30 浏览: 87
`uni.$emit()` 是 Vue.js 框架中的一个方法。它用于在父组件中触发自定义事件,并在子组件中监听和响应该事件。
通过 `uni.$emit()` 方法,我们可以在父组件中发送一个自定义事件,并传递一些数据给子组件。子组件可以通过 `@事件名` 的方式监听该事件,并在事件被触发时执行相应的逻辑代码。
例如,在父组件中可以使用以下方式触发一个自定义事件:
```javascript
uni.$emit('eventName', data);
```
在子组件中可以使用以下方式监听该事件并执行相应的逻辑代码:
```javascript
// 在模板中
<template>
<div>
<button @click="handleClick">点击触发事件</button>
</div>
</template>
// 在 JavaScript 中
<script>
export default {
methods: {
handleClick() {
// 监听自定义事件
uni.$on('eventName', this.handleEvent);
},
handleEvent(data) {
// 处理自定义事件的逻辑代码
console.log(data);
},
},
};
</script>
```
当父组件中的 `uni.$emit('eventName', data)` 方法被调用时,子组件中的 `handleEvent()` 方法会被触发,并且可以获取到传递的数据 `data`。
阅读全文