SMALL

input 2

[Vue.js] input에 숫자만 입력되도록 하는 방법(태그&watch)

이번엔 input에 숫자만 넣는 방법에 대하여 알아보자 보통 전화번호 입력, 계좌번호 입력 등 숫자만 사용되는 항목을 작성할때 사용된다. 숫자만 입력되게 만드려면 많은 방법이 있지만 쉽고 간편해서 특히 자주 사용되는 2가지가 있다. 1. Input 태그에 입력하는 방법 말 그대로 input 태그를 건드려 작성하는 방법이다. 태그를 건드리는 방법도 크게 두가지로 나눠지게 되는데 각각의 장단점을 알려주겠다. 입력결과 : {{this.result}} 우선 첫번째로 input의 type을 number로 바꾸는 방법이다. 장점 : 간단함 단점 : maxlength를 사용할 수 없음 장점은 type만 바꿔주면 되는거니 정말 간단하다. 하지만 maxlength를 사용할 수 없다는 것이 제일 큰 단점이다. 예를들어, ..

Front/Vue.js 2023.06.14

[Vue.js] input 사용법 및 예제

오늘은 화면 구성에 기본적으로 많이 쓰이는 input 사용법에 대해서 알아보자. input은 말 그래도 입력칸을 의미한다. 글자, 숫자, 특수기호 등 키보드로 입력할 수 있는 모든것들을 넣을 수 있다. 코드 App.vue 입력결과 : {{input}} 설명 코드만 봐도 느끼겠지만 정말 간단해서 설명할게 없다. input 태그를 만들고 입력한 값을 저장할 수 있도록 v-model을 이용하여 미리 만들어 놓은 input 변수 안에 넣고 입력결과를 데이터 바인딩 한 것이다. 결과

Front/Vue.js 2023.06.14
LIST