# v model

23개의 포스트

[Vue 2]computed와 v-model 함께 쓰기

https://stackoverflow.com/questions/47311936/v-model-and-child-components

2022년 9월 1일
·
0개의 댓글
·

Vue :v-model

v-model 폼 입력과 데이터를 연결하는 방법이다.Vue 인스터스의 데이터가 웹 페이지에 표시되고 웹 페이지에서 입력한 값이 Vue 인스턴스의 데이터에 반영 되므로 양반향 바인딩이라고도 한다.v-model 디렉티브는 input, selct, textarea 태그 등을

2022년 8월 20일
·
0개의 댓글
·
post-thumbnail

Vue) 10. @input 또는 v-model로 유저의 입력 데이터 저장하기

input창을 만들고 인풋값이 입력 할 때마다

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

Vue 공식문서 - 시작하기

Vue 기초 - (v-bind, v-if, v-for, v-on, v-model)

2022년 7월 25일
·
0개의 댓글
·

[Vue.js] v-model (폼 입력 바인딩 2)

v-model.lazy 란? enter키, tab키, 마우스로 다른곳 클릭하면 -> 그때서야, v-model이 갱신된다. (키보드 이벤트 enter와 같은 역할)v-model.number 란? v-model은 기본적으로 타입을 string으로 받는다. 숫자를 넣어도 s

2022년 7월 9일
·
0개의 댓글
·

Process Models - Traditional

Traditional Process

2022년 7월 7일
·
0개의 댓글
·

v-model custom

tab ui component

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

[Vue] v-model 양방향 바인딩

영문, 숫자, 한글 까지 잘 동작 영문, 숫자, 한글 까지 잘 동작 한글은 자음과 모음이 조합해서 사용하기 때문에 한글자씩 늦게 나옴한글은 IME기능이 필요한 문자여서 그렇다IME는 간단히 말해 문자의 조합을 도와주는 SW이다Vue 공식문서에서는 IME가 필요한 언어들

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[Vue] : 폼 입력 바인딩

v-model 디렉티브를 사용하여 input, textarea, select 요소들에 양방향 데이터 바인딩을 생성할 수 있다. v-model 디렉티브는 input type 요소를 변경하는 올바른 방법을 자동으로 선택한다. v-model은 내부적으로 서로 다른 속성을 사

2022년 6월 5일
·
0개의 댓글
·

high레벨 low레벨

high레벨 - v-model컵 안의 내용물을 바꾸는 것reactive 사용low레벨 - ref컵 자체를 바꾸는 것그래서 인풋타입에 ref를 연결해버리면 아래 변수에 정의한 스트링은 의미가 없어지고인풋타입으로 바껴버림

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

Vue2에서의 v-model

부모 페이지에서 쓰는 위는 와 동일하다. 이는 my-component 컴포넌트 내에서 props: ['value'], model: { prop: 'value', event: 'input' } 이러한 기본 설정이 생략 되어있다. :va

2022년 1월 13일
·
1개의 댓글
·
post-thumbnail

Plan-driven development

오늘은 지난 포스트에서 언급했던 'Plan-driven development'에 대해 심층적으로 알아본다. 특히 이 방법론에 해당하는 모델들을 비교해봄으로써 장단점을 다시 한번 분석한다. \_계획 중심의 소프트웨어 개발은 ​​응용 프로그램을 만드는 보다 형식적인 특정

2021년 10월 12일
·
0개의 댓글
·
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개의 댓글
·