강의랑 관련은 없지만 파일 업로드 관해서 질문 드립니다.
213
작성자 없음
작성한 질문수 0
<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로 하셔도 될 것 같습니다.
깃 권한 요청 드립니다
0
68
1
깃 권한 신청
0
61
1
깃 권한 요청드립니다.
0
120
1
깃허브 권한 요청 드립니다
0
152
1
깃허브 권한 요청 드립니다
0
169
1
깃허브 권한 요청 드립니다
0
175
1
깃허브 권한 요청 드립니다.
0
158
1
안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.
0
213
1
ide 타입추론 기능 사용할 수 없을까요??
0
217
1
컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??
0
238
1
Vue3로 진행중입니다
1
341
1
Vue router-link 사용시 같은 url이면
1
512
1
vue3 에러 메세지...
1
686
2
id ="app" 중복
0
277
2
use undefined 에러가 나옵니다.
1
329
2
깃허브 권한 요청드립니다.
1
366
2
권한요청드립니다.
1
304
2
Vue3에서 구글 애드센스 탑재하기
1
441
2
코드가 정상 작동 되는건지 ...
1
314
1
강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?
1
253
1
vuex 적용시 질문
1
297
2
라우터 버전이 안맞는데 어떤걸 써야하나요
1
388
2
UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..
1
457
2
권한요청 드립니다!
1
275
2