[ VueJS ] 버튼 클릭시 show hide 하기

vue를 왜쓰는지 알겠다...

버튼 클릭할때마다 input을 show hide하려면 정말 간단하다.

 

버튼 이벤트는 이렇게

<button v-on:click = "showAddress =!showAddress"/> 

이 한줄이면 끝난다...

물론 showAddress라는 변수의 기본값은 true나 false로 지정 해놔야 겠지?

 

input에는 

<input v-show=showAddress />

 

클릭할때마다 횟수를 체크해서 2로 나눌 필요도..... 없다 정말 간단하다.

 

참고사이트