Vue — modify an Event

blossom0417
1 min readOct 30, 2018

--

<p class="box" v-on:mousemove="updateCoordinates">
coordinates - {{ x }} / {{ y }}
<span class="dead-spot" @mousemove="dummy">dead spot</span>
</p>
//updateCoordinates(e){
this.x = e.pageX;
this.y = e.pageY;
},
dummy(event){
event.stopPropagation();
}

#using event modifier

<span class="dead-spot" @mousemove.stop="">dead spot</span><input type="text" @keyup.arrow-right="showAlert">
// kebab-case by key values https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values

--

--

No responses yet