Vue. js ошибка ссылки (event.target) не определена

Question

У меня есть vue компонент, который имеет разные методы, например. mouseMove:

mouseMove: function(event) {
    console.log("Event is: " + event);
    element5 = event.target
    this.elementMove = element5
    if (element5.getAttribute('data') == 'day') {
        hourPreStart = parseInt(element5.getAttribute('value'))
        dayPreStart = parseInt(element5.parentElement.firstChild.getAttribute('day-value'));
        this.hourPreEnd = hourPreStart
        this.dayPreEnd = dayPreStart
    }
    console.log(this.hourPreStart, this.dayPreStart, this.hourPreEnd, this.dayPreEnd)
},

Когда я наводю курсор мыши на поле с помощью мыши, я получаю эту ошибку:

Дон Не знаю, в чем проблема, потому что определен event.

Вот полный компонент. Кто-нибудь может мне помочь?

Answer 1

Вы используете этот код:

<tbody @mousedown='mouseDown' @mouseup='mouseUp' @mousemove='mouseMove'>

Но вы должны добавить $event к таким обработчикам:

<tbody @mousemove='mouseMove($event)'>

Answer 2

event5 не определено (как показывает ошибка). Вы должны сначала определить event5, чтобы использовать его. Используйте это

mouseMove: function(event) {
    console.log("Event is: " + event);
    let element5 = event.target
    this.elementMove = element5
    if (element5.getAttribute('data') == 'day') {
        let hourPreStart = parseInt(element5.getAttribute('value'))
        let dayPreStart = parseInt(element5.parentElement.firstChild.getAttribute('day-value'));
        this.hourPreEnd = hourPreStart
        this.dayPreEnd = dayPreStart
    }
    console.log(this.hourPreStart, this.dayPreStart, this.hourPreEnd, this.dayPreEnd)
}