快应用---事件监听与触发
时间: 2023-08-07 16:07:39 浏览: 47
快应用中,可以通过事件监听与触发来实现组件间的通信。
首先,在要接收事件的组件中,需要使用 `$on` 方法进行事件监听。例如:
```
<template>
<div>
<button @click="triggerEvent">触发事件</button>
</div>
</template>
<script>
export default {
methods: {
triggerEvent() {
this.$dispatch('myEvent', '这是传递的参数');
}
}
}
</script>
```
上述代码中,`triggerEvent` 方法通过 `$dispatch` 方法触发了一个名为 `myEvent` 的事件,并传递了一个参数。
接下来,在要触发事件的组件中,可以使用 `$on` 方法监听该事件,并在回调函数中处理事件。例如:
```
<template>
<div>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
},
created() {
this.$on('myEvent', (param) => {
this.message = param;
});
}
}
</script>
```
上述代码中,`created` 钩子函数使用 `$on` 方法监听了名为 `myEvent` 的事件,并在回调函数中将传递的参数赋值给了 `message` 数据,从而实现了组件间的通信。