Vue - 将孩子发送给父母

【问题标题】：Vue - Emit Child to parentVue - 将孩子发送给父母
【发布时间】：2022-08-03 22:29:13
【问题描述】：

在 vue2 应用程序中，我需要将值从子级发送给父级。我尝试这样的事情

子函数

goTo(id: string) {
            this.$emit(\'goToSpots\', id)
        },

父组件

 <Main
        class=\"px-5\"
        @goToSpots=\"goToSpots()\"
   />

父函数

goToSpots(id: string) {
        this.selected = id
    },

问题：this.selected返回未定义，无法正确获取参数。

问题是：发送参数的正确方法是什么？

标签： vuejs2

【解决方案1】：

在您的 HTML 模板中，使用

@goToSpots="goToSpots($event)"

或者

@goToSpots="goToSpots"

反而。目前，您没有向函数传递任何参数。如果您根本不添加括号，则会自动添加参数，如果您使用括号，则可以传递包含发出数据的保留变量$event。

【讨论】：