# v model

11개의 포스트
post-thumbnail

폼 입력 바인딩(v-model)

v-model 정리

2021년 8월 5일
·
0개의 댓글

입력하는 값과 data를 연결해주는 v-model

input에서 바뀌는 값을 data에도 받고 싶다...? -> v-modelv-model이 input과 data를 연결하는 것임.

2021년 7월 14일
·
0개의 댓글
post-thumbnail

v-model의 IME 입력방식 이슈와 custom input mask

input masking을 라이브러리를 사용않고 구현하다가 한글입력시 키보드 입력에 바로바로 v-model값이 업데이트가 안되는 문제를 발견했다.문제 발견 전: v-model과 keyup으로 구현된 마스킹H:MM:SS 형식의 마스킹을 원했기 때문에 keyup 이벤트가

2021년 2월 2일
·
2개의 댓글
post-thumbnail

Vue - 마법같은 v-model에 대해

Vue.js로 Form 요소를 개발할 때 사용하는 v-model 속성에 대해서 알아보겠다. 이 속성은 그냥 사용하면 그렇게 어렵지 않은데 실제 애플리케이션을 개발할 때는 꽤 주의해서 다뤄야 한다. 무엇보다 리액트를 공부하다가 Vue를 보게 되면 이 v-model에 대해

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[VueJS] v-model로 select 처리

셀렉트는 라디오, 체크박스와 같이 기본적으로 문자열 또는 불리언 형의 값을 가지지만 v-bind 디렉티브를 사용하면 다양한 자료형의 값을 바인딩 할 수 있습니다.

2021년 1월 14일
·
0개의 댓글
post-thumbnail

[VueJS] v-model로 radio 처리

radio버튼을 반드시 하나의 요소만 담기 때문에 v-model로 연결시킨 데이터는 value 값을 가지게 됩니다.

2021년 1월 14일
·
0개의 댓글
post-thumbnail

[VueJS] v-model로 checkbox 처리

여러 개의 체크박스의 경우 단순히 "선택 되었다"가 아니라 여러 개가 선택되었다는 집합의 성격을 나타낸다.v-model로 바인딩 하게 되면 다음과 같이 checkedValues의 데이터 값은 배열(Array)가 된다.모든 버튼들이 일제히 선택되며 불리언(boolean)

2021년 1월 14일
·
0개의 댓글

[Vue] - Basic 속성

v-bind data 를 바인딩 해준다. v-bind 대신 :(콜론) 으로 축약해서 사용 가능 data, methods 키값을 this.키값으로 사용 대부분의 html 속성에 적용 가능하다. v-on 이벤트를 사용할 수 있다.

2020년 8월 22일
·
0개의 댓글

Err when input Korean in vue

vue에서 한국어를 입력할때 오류가 발생하는데, 한국어를 한글자씩 입력하면서 띄어쓰기를 할 경우 띄어쓰기가 제대로 먹지 않는 오류가 발생하게 된다.이것은 vue에서 업데이트 되지 않은 오류이므로, v-model을 쓰는 대신에 input event를 사용하는것을 권고한다

2020년 3월 7일
·
0개의 댓글

vue.js 정리

Do it Vue.js 입문 및 구글링을 통해 정리한 내용입니다. Vue 인스턴스 뷰 인스턴스(instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 요 아래 세가지 방법이 뷰 인스턴스를 생성하는 방법입니다. 인스턴스 안에 el 속성을 통해 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 화면에 보여질 데이터를...

2020년 1월 7일
·
0개의 댓글

[뷰치트] 뷰 - 텍스트 필드 에러 처리하기

ezgif.com-video-to-gif (1).gif 목표: 텍스트 필드에서 에러를 발생시켰는데, 사용자 입력이 있으면 에러를 지운다! 1. 상황 뷰로 작업을 할때 위 처럼 텍스트 필드의 에러를 처리할 때가 있다. 간단하게 정리하면, 1) 공백이면 에러를 발생시킨다. 2) 사용자 입력이 주어지면 에러를 없앤다. 그럼 어떻게 만들것인가? 1) 공...

2019년 12월 1일
·
0개의 댓글