작성자 없음
작성자 정보가 삭제된 글입니다.
작성
·
158
1
<div>
<Input type="text"/>
<Button @click="fileClick('fileUpload')">파일 첨부</Button>
<input ref="fileUpload" type="file" class="is-blind" />
</div>
methods: {
fileClick(target) {
this.$refs[target].click();
},
}
커스텀 파일업로드를 작성하려하는데 현재 input type="file"은 숨기고 ref로 연결하여
button을 클릭하였을때 input type="text"쪽에 파일명을 넣고싶은데 v-model로 어떻게 접근해야할까요?
답변 1
0
안녕하세요, 텍스트 인풋 타입에 이름만 박으시는 경우 v-model 보다는 ref로 직접 접근해서 .value만 셋업해 주시는게 좋을 것 같아요 :) 파일 이름이 텍스트 인풋에 박힌 상태에서 사용자 입력을 받아 수정하는 것까지 허용하시겠다면 v-model로 하셔도 될 것 같습니다.