Vue.js input 키보드 이벤트

자바스크립트에서는 input 박스에 keyPress 를 넣어주면 되지만 이것도 역시 vue에서는 vue만의 방법이 있을거같아서 검색을 해보아따 🔍

 

<input type="text" placeholder="검색어를 입력해주세요" id="search-text" 
		class="search-text" keypress="pressEnterOnSearchFunc($event)">

 

pressEnterOnSearchFunc(event){
	if(event.keyCode === 13){
    	console.log(event.target.value)
	}
}

이러면 input 에서 Enter키를 입력했을때 input 박스에 있는 값을 출력한다!

 

이것도 굉장히 간단하게 해결할수 있었다. 그럼 안뇽 🙇🏻‍♀️👋