얼렁뚱땅개발로그^__^
[ vue.js ] input type="text" 에 숫자만 입력되게 처리하기 본문
<input
type="text"
placeholder="휴대폰 번호 ( '-' 제외 )"
@change="setPhone"
@input="$event.target.value = $event.target.value.replace(/[^0-9]/g, '')"
/>@input 으로 실시간 입력 값을 확인할 수 있다.
$event.target.value로 현재 input에 들어간 값을 알 수 있다.
| @input="$event.target.value = $event.target.value.replace(/[^0-9]/g, '')" |
replace() 함수로 실시간으로 숫자가 아닌값은 바로 빈값으로 노출하고 숫자인 값만 노출해준다.
'Vue.js' 카테고리의 다른 글
| [ vue.js ] 이벤트 수식어 (0) | 2023.11.08 |
|---|---|
| [ vue.js ] vue3 핵심 문법 1 (0) | 2023.11.06 |
| [ vue.js ] vue3 vuetify 라이브러리 사용 이슈 (feat. v-data-table) (0) | 2023.06.12 |
| [ vue.js ] vuetify v-icon 설정 / mdi 설치 (0) | 2023.04.21 |
| [ vue.js ] scroll top 이동 (0) | 2023.03.08 |
'Vue.js' Related Articles
more
