Доступ к данным отправленного события внутри встроенного обработчика в Vue.js

Question

Мне было интересно, возможно ли извлечь извлеченные данные события из встроенного обработчика в шаблоне.

Текущий подход:

template: `
    <div>
        <some-component @select="onSelect"></some-component>
    </div>
`,
data: () => ({
    selected: undefined
}),
methods: {
    onSelect (selectedItem) {
        this.selected = selectedItem; // this is "kind of" unnecessary
    }
}

Подход "приятно иметь":

template: `
    <div>
        <some-component @select="selected = $event.data"></some-component>
    </div>
`,
data: () => ({
    selected: undefined
})

возможно ли это в настоящее время?Имеет ли оболочка $event какое-либо свойство data, которое позволило бы нам сделать это?

Answer 1

$event на самом деле не оболочка, но данные, которые вы отправляете.

Таким образом, вы можете обрабатывать это следующим образом:

template: `
    <div>
        <some-component @select="selected = $event"></some-component>
    </div>
`,
data: () => ({
    selected: undefined
})