vue.js
[vue.js] sheetjs 라이브러리를 이용하여 엑셀(excel) 업로드 및 읽기 예제
서론 지난번에 sheetjs 라이브러리를 이용하여 엑셀 다운로드(출처 : https://hjh0827.tistory.com/67) 를 적용했었다. 이번 프로젝트에서 엑셀 내용을 읽어서 이메일 주소 목록을 가져와 달라는 요청이 있어 동일 라이브러리를 이용하여 엑셀 업로드 및 읽기를 정리하겠다. 소스 html 설명 input : type = file 선언. ref 선언. input 변경시(change) 메소드 선언. script 설명 메소드 excelUpload : const xlsx = require("xlsx"); > xlsx 라이브러리 선언 const fileInfo = this.$refs.excelUpload.files[0]; > excelUpload 에 업로드한 files 정보 const toJso..
[vue.js] object 데이터 빈값 체크하여 버튼 disabled 제어
서론 vue를 개발하면서 저장 버튼을 disabled 할일이 많이 있는데 배열 데이터를 체크하여 버튼 disabled 제어하는 방법을 정리하고자 한다. HTML 소스 회원가입 - 가입정보 아이디 필수 정보입니다. 비밀번호 유효하지 않은 비밀번호 입니다. 비밀번호 재확인 비밀번호가 동일하지 않습니다. 비밀번호 힌트 선택하세요 {{ item.text }} 답변 다음 페이지 설명 해당 html은 https://hjh0827.tistory.com/24 에서 자세히 설명되어있으므로 pass. 1. 배열 데이터 empty 체크 설명 메소드 replaceEnter : 엔터값을 정규식을 이용해 치환한 메소드로 치환값이 있다면 해당 값으로 치환하고 없다면 '/' 으로 치환한다. emailCheckFlag : 전달값을 이..
[vue.js] select 사용법 및 총 정리(feat. method 호출 및 데이터 제어)
문제 selectbox 클릭시 메소드를 호출해서 validation 체크 후 특정 select 선택을 막는 기능이 필요했다. 보통 selectbox 데이터는 v-model로 v-model 데이터만 초기화 하면 되겠지 하는 생각을 하며 개발 진행했는데 되지 않아서 테스트한 내용과 해결 방법을 정리해보려고 한다. 기본 selectbox html v-model select - {{ item.name }} ------------------------------------- 선택 value: {{ selected2 }} 설명 기본적인 selectbox로 select는 v-model로 제어를 하고 option 하위에 selectList를 v-for를 이용하여 적용하였다. 선택한 데이터를 보기 위해 selected2..