FRAMEWORK/VUE

vuejs 마우스 오버 이벤트

나나나나나나나ㅏ나난ㄴ나ㅏ나나 2019. 8. 3. 19:02
728x90

vue에서 마우스 오버이벤트는 javascript만큼 간단하다. 

click이벤트와 마찬가지로 v-on을 사용하는 것이다. 

 

<button v-on:mouseover="mouseover><mouseover button></button>

<script>
export default {
	methods: {
    	mouseover: function () {
        	alert('마우스오버 이벤트')
        }
    }
}

이제 버튼에 마우스를 댈때마다 alert가 생기는 것을 볼 수있다.

728x90

'FRAMEWORK > VUE' 카테고리의 다른 글

[vue.js] vuejs github 링크  (0) 2019.08.13
[vue.js] 같은그림 찾기게임  (1) 2019.08.13
vuejs 컴포넌트 출력하기  (0) 2019.08.02
vuejs 개체 가져와서 style바꾸기  (0) 2019.08.01
vue에서 DOMContentLoaded사용하기  (0) 2019.08.01