메뉴 건너뛰기

enjoyTools.net

Vue.js td내 input 태그에서 v-for

2017.12.19 18:20

꿈돌이 조회 수:559

테이블로 데이터 목록 같은 것들을 뽑아서 표시하려는 목적으로 table의 td안에 input을 사용하려면,

input태그에서 수정된 value 값은 :value 대신 v-model로 집어넣어야 제대로 반영된다.

 

아래와 같은 식으로 한다.

<td v-for="(value, item_key) in items" :key="item_key">

    <input v-model="items[item_key]" :name="item_key" :ref="item_key">

   <!-- <input v-model="items[item_key]" :name="item_key" :ref="item_key" :value="value"> -->

</td>