Vue.js td내 input 태그에서 v-for
2017.12.19 18:20
테이블로 데이터 목록 같은 것들을 뽑아서 표시하려는 목적으로 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>
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
20 | DB 순번 시퀀스 초기화 | 꿈돌이 | 2017.12.25 | 12583 |
19 | slim routeplaceholder | 꿈돌이 | 2020.02.27 | 3309 |
18 | CodeIgniter - Helper 폐기 항목 | 꿈돌이 | 2016.06.14 | 1205 |
17 | Windows에서 Composer로 CodeIgniter 설치하기 | 꿈돌이 | 2016.06.06 | 1124 |
16 | 코드익나이터 참고 | 꿈돌이 | 2016.06.01 | 612 |
15 | axios post로 데이터 안 넘어갈 때 체크할 거 | 꿈돌이 | 2018.10.24 | 606 |
» | Vue.js td내 input 태그에서 v-for | 꿈돌이 | 2017.12.19 | 560 |
13 | Windows에서 Composer로 slim 설치하기 | 꿈돌이 | 2017.06.01 | 553 |
12 | PHP 내장 웹서버 띄우기 | 꿈돌이 | 2017.09.04 | 470 |
11 | 코드이그나이터 3.1.3에서 HMVC 오류 대응 | 꿈돌이 | 2017.03.01 | 467 |
10 | Vue boilerplate | 꿈돌이 | 2017.06.02 | 378 |
9 | CodeIgniter - Class Libraries 폐기 항목 | 꿈돌이 | 2016.06.14 | 330 |
8 | Vue Tree view with Single file component | 꿈돌이 | 2017.09.29 | 326 |
7 | 윈도우에서 사설인증서로 https localhost 사용하기 | 꿈돌이 | 2018.08.24 | 266 |
6 | slim 4 , Intelephense | 꿈돌이 | 2020.01.17 | 264 |
5 | Doctrine DBAL 메모 | 꿈돌이 | 2017.10.27 | 249 |
4 | vue-slim-medoo boilerplate | 꿈돌이 | 2017.06.04 | 244 |
3 | Vue Slim으로 카테고리 만들기 | 꿈돌이 | 2017.11.10 | 238 |
2 | Slim boilerplates | 꿈돌이 | 2017.06.02 | 197 |
1 | php obfuscator | 꿈돌이 | 2018.01.31 | 180 |