如何在Vue中将事件发送到父布局槽？
如何在Vue中将事件发送到父布局槽？
提问于 2020-01-10 12:18:20
我想知道如何获取在<slot/>组件中触发的事件。
这是我的组件
<template>
<button @click"$emit('event')">Submit</button>
</template>它会发出一个我想要在父布局的插槽中捕获的事件。
<template>
<slot @event="doThis"/>
</template>我如何实现这一点。我的一些阅读将我带到了作用域位置，但我不是100%确定。
回答 1
Stack Overflow用户
发布于 2020-01-10 12:40:46
使用事件总线闪存事件，以便任何组件在侦听时都可以捕获该事件，如下所示：
在event-bus.js中
import Vue from 'vue';
export const EventBus = new Vue();在父组件和子组件中导入事件总线文件:从‘./ event -bus.js’导入{ EventBus }；
在您的父组件中，侦听事件：
methods:
{
const clickHandler = function(params) { /*Do whatever */ }
}
mounted()
{
EventBus.$on('event', clickHandler);
}在您的子组件中，您可以触发事件，如下所示：
<template>
<button @click="EventBus.$emit('event', params)">Submit</button>
</template>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59681538
复制相关文章
相似问题
在Vue.js中将槽传送到槽中
Vue 2向父组件添加槽
如何在nuxt组合api中将事件发送到默认布局？
如何在Vue中将循环组件事件获取到父组件
从组件呈现布局中的Vue槽
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
