FRAMEWORK/VUE

Vue.js 에서 input text 글자 변경 감지하기

나나나나나나나ㅏ나난ㄴ나ㅏ나나 2020. 6. 30. 16:53
728x90

vue가 아닌 일반 자바스크립트에서는 글자 변경하는건했느데 vue는 vue만의 방식이 있을거같아서 검색을 해보았다!

(자바스크립트로 할사람은 요기⬇️⬇️⬇️⬇️⬇️⬇️)

2020/01/06 - [WEB/JS] - [jquery] inputbox text 변경 실시간 감지

 

 

역시 vue만의 방식이 있더라🧏🏻‍♀️

 

 

#코드

<input type="text" placeholder="검색어를 입력해주세요" 
	id="search-text" class="search-text" @input="searchChangeFunc($event)">
searchChangeFunc(event){
	console.log(event.target.value)
}

 

잉게 끝이다. input 누르고 키보드 움직이면 내가 입력한 값이 콘솔에 잘 출력되는걸 볼 수 있다😄

뷰랑 자바스크립트 둘다 해본결과 뷰가 더 간단하고 편리한거같다! 이번에도 도움이 됬길 바라며 그럼 빠이빠이👋

 

#참고 

구글 선생님들

728x90