강의랑 관련은 없지만 파일 업로드 관해서 질문 드립니다.
218
작성자 없음
<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
83
1
깃 권한 신청
0
75
1
깃 권한 요청드립니다.
0
131
1
깃허브 권한 요청 드립니다
0
172
1
깃허브 권한 요청 드립니다
0
184
1
깃허브 권한 요청 드립니다
0
187
1
깃허브 권한 요청 드립니다.
0
172
1
안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.
0
229
1
ide 타입추론 기능 사용할 수 없을까요??
0
249
1
컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??
0
255
1
Vue3로 진행중입니다
1
361
1
Vue router-link 사용시 같은 url이면
1
536
1
vue3 에러 메세지...
1
711
2
id ="app" 중복
0
301
2
use undefined 에러가 나옵니다.
1
348
2
깃허브 권한 요청드립니다.
1
387
2
권한요청드립니다.
1
336
2
Vue3에서 구글 애드센스 탑재하기
1
470
2
코드가 정상 작동 되는건지 ...
1
342
1
강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?
1
279
1
vuex 적용시 질문
1
313
2
라우터 버전이 안맞는데 어떤걸 써야하나요
1
406
2
UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..
1
481
2
권한요청 드립니다!
1
290
2