Javascript 如何侦听来自组件的事件?

Javascript 如何侦听来自组件的事件?,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我想参加一个我可以在Chrome DevTools Vue中看到的活动,但我不知道如何解决这个问题 对于我使用的根事件 this.$root.$on("note_id", (note_id) => (this.note_id = note_id)); 我应该如何处理来自特定组件的事件?在下面的示例中,我想对hide事件执行操作: 以下面的$root为例,我想使用 this.<here I do not know what to use>.$on(&quo

我想参加一个我可以在Chrome DevTools Vue中看到的活动,但我不知道如何解决这个问题

对于我使用的根事件

this.$root.$on("note_id", (note_id) => (this.note_id = note_id));
我应该如何处理来自特定组件的事件?在下面的示例中,我想对
hide
事件执行操作:

以下面的
$root
为例,我想使用

this.<here I do not know what to use>.$on("hide", () => this.someVariable = true);
this..$on(“hide”,()=>this.someVariable=true);

添加对组件的引用(
),然后通过

this.$refs.yourComponent.$on(...)?

你能给我们看更多你的模板吗?因为这是由QDialog发出的。根据您的模板,您可能需要在中使用@hidecomponent@SuitBoyApps:我将尝试提取它-我实际上希望的是,因为Chrome可以看到任何东西发出的事件(
QDialog
在我的例子中,是一个组件),我自己也可以听到“该组件”发出的事件,不管它有多深,我知道你在追求什么。这个怎么样?上的$on?它将捕获所有事件,无论我刚才尝试了什么
this.on(“hide”,()=>this.someVariable=true)但它没有被执行。如果所有事件都应该被捕获,我将继续这样做,谢谢。您是否尝试过分配一个类似的组件引用并通过此访问它。$refs.myDialog。$on(…)?