Vue - Emit Child to parent

Question

在vue2应用程序中，我需要从一个子应用程序向父应用程序发送一个值。我试着做这样的事

子函数

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

父组件

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

父函数

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

问题: this.selected返回未定义的参数，不能正确获得param。

问题是:发送params的正确方式是什么？

Answer 1

在HTML模板中，使用

@goToSpots="goToSpots($event)"

或

@goToSpots="goToSpots"

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