Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- github
- java
- 코딩테스트
- 프로그래머스
- 백준
- SasS
- 자료구조
- 자료형
- array
- dynamic programming
- leetcode
- computed
- 변수
- 파이썬
- hash table
- sorting
- string
- scss
- CSS
- JS
- math
- Algorithm
- HTML
- greedy
- JavaSceipt
- JavaScript
- 알고리즘
- vue.js
- Python
- 컴포넌트
Archives
- Today
- Total
목록v-model 수식어 (1)
Posis
[Vue.js] v-model 수식어
이번 포스트에서는 v-model 수식어에대해서 알아보겠습니다. v-model 수식어 1. .lazy 기본적으로, v-model은 각 input 이벤트 후 입력과 데이터를 동기화 합니다. lazy 수식어를 추가하여 change이벤트 이후에 동기화 할 수 있습니다. 즉, 글자 또는 문장을 입력한 후에 Enter 또는 포커스가 사라졌을때 문구가 나타나게 됩니다. {{ msg }} 2. .number 사용자 입력이 자동으로 숫자로 형변환 되기를 원하면, v-model이 관리하는 input에 number 수식어를 추가하면 됩니다. {{ msg }} 숫자를 받아서 로직을 처리해야 할 경우에 유용하게 쓰일 것 같습니다. 3. .trim 사용자가 입력한 내용에서 자동으로 앞뒤 공백을 제거하는 트림처리가 되길 바란다면,..
Vue.js
2021. 8. 12. 10:22