본문 바로가기

IT/javascript

[vue] bind 정리

반응형

v-model 적용가능한 태그 ( value 값이 기본적으로 bind 됨 )

-- input

input type=text

input type=checkbox  ( true-value="yes" false-value="no" )

 - 배열로 data를 선언하면, 여러개의 데이터 바인드 가능

input type=radio

- value 속성을 바인드 해줘서 별도로 써줘야 옵션선택텍스트 선언이 가능함

<input type="radio" v-bind:value="radioValue1" v-model="picked">

<input type="radio" v-bind:value="radioValue2" v-model="picked">

 

textarea

select

 

버튼 속성에 식을 넣어 disabled 정의

<button type="button" v-bind:disabled="textValue==''">버튼</button>

 

 

#확장 숫자로 바인드

input type="number"

v-model.number="numberModel"

반응형