this.$parent.$emit 和 this.$emit 之间的区别

Posted

技术标签:

【中文标题】this.$parent.$emit 和 this.$emit 之间的区别【英文标题】:Difference between this.$parent.$emit and this.$emit 【发布时间】:2017-12-22 00:07:51 【问题描述】:

当我们需要自定义组件在VueTable2 中发出事件时,我们必须使用:

this.$parent.$emit('myCustomEvent')

// instead of
this.$emit('myCustomEvent')

This thread 告诉我们更多关于这方面的信息。

当我不得不触发一个事件时,我曾经运行this.$emit()。我想知道他们两个之间的主要区别是什么?

【问题讨论】:

【参考方案1】:

this.$emit 向其父组件分派一个事件。

this.$parent 为您提供对父组件的引用。

您可能已经猜到了,this.$parent.$emit 将使父级将事件分派给其父级。

【讨论】:

我现在明白了!非常感谢基拉!

以上是关于this.$parent.$emit 和 this.$emit 之间的区别的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue 3 中替换 this.$parent.$emit?

vue2组件通信之$parent/$root

从 child.vue 中的挂载向 parent.vue 发出值

vue中组件之间的传值

vue 父组件监听子组件生命周期

子组件通过this.$emit方式向父组件传递参数的问题