인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

강의랑 관련은 없지만 파일 업로드 관해서 질문 드립니다.

작성

·

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로 하셔도 될 것 같습니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기