vue에서 클릭 이벤트시 class 포함여부확인

javascript에서 event.target.hasClass('classname') 으로 클릭한 div에 내가 찾으려고하는 div가 포함되어있는지 없는지 확인 했었다. 

vue에서는 조금 다르게 선언해주어야된다!

@click="clickFunc($event)"

우선 클릭 함수는 다음과 같이 $event를 매개변수로해서 넘겨준다

 

clickFunc(event){
	if(event.target.classList.contains('classname')){
    	console.log('포함되어있다.')
    }else{
    	console.log('포함되어있지않다.')
    }
}

event.target.classlist.contains으로 확인하면된다. 

포함되어있으면 true를 반환하고 포함되어있지않으면 false를 반환한다!