2016-05-03 24 views
7

Vue.js consentono applicare evento elemento:Aggiungi l'evento Vue.js sulla finestra

<div id="app"> 
    <button @click="play()">Play</button> 
</div> 

Ma come applicare evento su window oggetto? non è nel DOM.

ad esempio:

<div id="app"> 
    <div @mousedown="startDrag()" @mousemove="move($event)">Drag me</div> 
</div> 

in questo esempio, come ascoltare MouseMove su window?

risposta

12

Si dovrebbe solo fare manualmente durante la creazione e la distruzione del componente

... 
created: function() { 
    window.addEventListener('mousemove',this.move); 
}, 
destroyed: function() { 
    window.removeEventListener('mousemove', this.move); 
} 
...