Vue область действия: как отложить обработку @mouseover

Vue scope: как отложить обработку @mouseover

Поэтому я хочу, чтобы действие было только в том случае, если у пользователя есть курсор мыши на элементе div в течение как минимум 1 секунды. Внутри шаблона:

 {amp}lt;div @mouseover="trigger"{amp}gt;{amp}lt;/div{amp}gt; 

Внутри сценарий:

 data() { return { hovered: false } } methods: { trigger() { setTimeout(function(){ this.hovered = true }, 1000) } } 

Моя проблема в том, что я не понимаю суть Vue. Так как this.hovered находится внутри другой функции, он не находит фактическую переменную данных зависания. Какое решение для этого?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector