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
- kebab case
- prototype pattern
- camel case error
- click.native
- data
- Factory Method Pattern
- java
- mount point
- executable jar
- Singleton pattern
- v-show vs v-if
- Linux
- IPv6
- zen of python
- Python
- builder pattern
- Spring Boot
- maven
- $event.target.value
- ubuntu
- MVVM
- vuejs
- design pattern
- v-model vs v-bind
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