Vue(46)
-
[Vue] eventBus 사용시 중복호출방지
보호되어 있는 글입니다.
2023.10.16 -
[Vue] 문자열 길이 픽셀로 가져오기
보호되어 있는 글입니다.
2023.06.21 -
[Vue] 파일업로드 사이즈 / 용량 체크
1. 사이즈 용량 체크 isValid() { // HTML에서 파일 업로드 input을 가져옵니다. const fileInput = this.$refs.fileInput // 파일 객체를 가져옵니다. const file = fileInput.files[0] // 파일의 크기를 체크합니다. if (file.size > 500 * 1024) { // 파일 크기가 500KB를 넘는 경우 처리합니다. alert('이미지 파일의 크기는 최대 500KB 이하이어야 합니다.'); fileInput.value = ''; } } 2. 유효한 사이즈의 파일만 업로드시키기 multiCapture() { // HTML에서 파일 업로드 input을 가져옵니다. const fileInput = this.$refs.fileInpu..
2023.06.14 -
[Vue] binary 로 변환하는 작업
file로 업로드한 파일과, 캡쳐한 3가지 이미지를 binary 형태로 서버에 보내는 작업 multiCapture() { // 파일 선택한 input 엘리먼트 const fileInput = this.$refs.mainImageFile; // 파일을 Blob 형식으로 변환하는 함수 const convertFileToBlob = (file) => { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onloadend = () => { const blob = new Blob([reader.result], { type: file.type }); resolve(blob); }; reader.onerror = reje..
2023.06.13 -
[Vue] router guard
보호되어 있는 글입니다.
2023.02.24 -
[Vue] vuex-persistedstate
보호되어 있는 글입니다.
2023.02.20 -
[Vue] input[file] 파일 업로드 미리보기
보호되어 있는 글입니다.
2023.02.10 -
[Vue] select 2단
보호되어 있는 글입니다.
2023.02.07 -
[Vue] RangeError: Maximum call stack size
갑자기 컴포넌트를 import 시키는데 error가 나타나는것이다! 컴포넌트 import할 때 error 난적이 없었는데 하다가 stackoverflow에서 역시나 해답을 찾았다. Vue.js "Maximum call stack size exceeded" error. Passing data from parent to child failing I cannot pass data from parent to child. I am using props, have tried returning data as well - no luck. I have a panel component (which is parent) with data and panelBody component (child) Panel i... stacko..
2023.01.26 -
[Vue] 프로젝트 배포
보호되어 있는 글입니다.
2023.01.11 -
[Vue] drag
보호되어 있는 글입니다.
2023.01.04 -
[Vue] 팝업창 오늘 그만 보기
보호되어 있는 글입니다.
2023.01.04 -
[Vue] 라우터 링크 스타일
보호되어 있는 글입니다.
2022.12.08 -
[vue] 컴포넌트에서 watch() 사용하여 router 이동 감지하기
보호되어 있는 글입니다.
2022.09.14 -
[Vue] router
보호되어 있는 글입니다.
2022.09.14