2016-05-03 4 views
7

Vue.js позволяют применять событие на элемент:Добавить Vue.js событие в окне

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

Но как применить событие на window объекта? это не в DOM.

, например:

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

в этом примере, как слушать MouseMove событие на window?

ответ

12

Вы просто должны сделать это вручную при создании и уничтожении компонента

... 
created: function() { 
    window.addEventListener('mousemove',this.move); 
}, 
destroyed: function() { 
    window.removeEventListener('mousemove', this.move); 
} 
... 
Смежные вопросы