목록v-model (1)

Posis

[Vue.js] 폼 입력 바인딩

이번 포스트에서는 폼 입력 바인딩에 대해서 다뤄보겠습니다. v-model v-model 디렉티브를 사용하여 input, checkbox 요소들에 양방향 데이터 바인딩을 생성할 수 있습니다. v-model 디렉티브는 input type 요소를 변경하는 올바른 방법을 자동으로 선택합니다. {{ msg }} 이처럼 input 태그에 v-model을 사용함으로써 msg의 데이터가 실시간으로 변해서 화면에 출력되는 것을 볼 수 있습니다. 하지만 여기에도 치명적인 단점이 존재합니다. 영어는 바로바로 업데이트되지만 한글은 모음과 자음이 결합했을 때 비로소 화면에 출력된다는 것입니다. 하지만 한글도 영어와 같이 한 글자씩 출력할 수 있게 할 수 있습니다. {{ msg }} @input을 통해서 msg에 바로 데이터를 ..
Vue.js 2021. 8. 11. 15:02
이전 Prev 1 Next 다음