v-on으로 이벤트 정보를 얻을 수 있는 ♦ Vue.js❏
3099 단어 Vue.js
개발 환경은 JSFiddle https://qiita.com/ITmanbow/items/9ae48d37aa5b847f1b3b
html
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
<p @mousemove="changeMousePosition">マウスを乗せる</p>
<p>x:{{ x }}</p>
<p>y:{{ y }}</p>
</div>
javascriptnew Vue({
el: "#app",
data: {
x:0,
y:0
},
methods: {
changeMousePosition(event) {
this.x = event.clientX;
this.y = event.clientY;
}
}
})
v-on은 @ 로 생략됨mousemove
이벤트의 changeMousePosition
방법방법 매개 변수에서
event
를 찾으면 이벤트 정보를 얻을 수 있습니다.console.log(event)
이벤트 정보 보기...이 아래에도 조라의 정보가 있는데 이번에는
clientX
과clientY
를 사용했다.그럼 안녕!
Reference
이 문제에 관하여(v-on으로 이벤트 정보를 얻을 수 있는 ♦ Vue.js❏), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ITmanbow/items/493fb4f7f18eff4eb754텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)