Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- MVVM
- kebab case
- zen of python
- $event.target.value
- IPv6
- vuejs
- v-show vs v-if
- maven
- Python
- prototype pattern
- executable jar
- design pattern
- builder pattern
- ubuntu
- java
- Linux
- v-model vs v-bind
- click.native
- mount point
- camel case error
- data
- Spring Boot
- Singleton pattern
- Factory Method Pattern
Archives
- Today
- Total
Eddie's Blog
[vuejs] data 바인딩시 v-model과 v-bind를 사용하는 방법 본문
input 엘리먼트에 v-model을 사용하여 Vue 인스턴스의 데이터를 바인딩하면 입력한 내용에 대해 모델 바인딩 바로 되지만, v-bind를 사용했을 경우 그렇지 못하기 때문에 $event.target.value를 사용하여 값을 가져와 oninput 이벤트에 데이터 값을 변경해준다.
v-model = v-bind:value + v-on:input 라고 이해하자.
'programmings' 카테고리의 다른 글
[python] How to install latest python in Ubuntu (0) | 2018.06.13 |
---|---|
[vuejs] $emit() vs $on() (0) | 2018.03.12 |
[vuejs] v-on:click.native (0) | 2018.03.12 |
[vuejs] Kebab Case, Camel Case, Snake Case (0) | 2018.03.11 |
[vuejs] Vue.component와 Vue 인스턴스의 data 속성 (0) | 2018.03.11 |
Comments