분류 전체보기

반응형
    vue.js/vue.js 기능

    [vue.js] filter 사용법 및 자주 사용하는 filter 정리

    서론 vue.js 개발하면서 자주 사용하는 filter를 정리한다. 소스 html 원 데이터 : {{ date1 }} YYYY.MM.DD : {{ date1 | dateFormat("YYYY.MM.DD") }} YY-MM-DD : {{ date1 | dateFormat("YY-MM-DD") }} --------------------------------------------------- 원 데이터 : {{ date2 }} 소수점 2자리 : {{ date2 | toFixed(2) }} 소수점 4자리 : {{ date2 | toFixed(4) }} --------------------------------------------------- 원 데이터 : {{ date3 }} 3자리 콤마 : {{ date3 ..

    vue.js/vue.js 기능

    [vue.js] checkBox all select(전체 선택) computed get/set 제어

    서론 vue.js 개발하면서 자주 사용하는 checkBox 전체선택을 쉽게 정리하기 위해 정리합니다. 소스 vue 수신동의 : 전체 {{ item }} check: {{ selectList }} 설명 data : checkList 와 사용자가 선택한 selectList computed : 전체선택 allSelected 를 get/set 으로 설정. get은 checkList와 selectList의 길이가 같으면 true, 그외는 false로 전체선택 checkBox를 제어한다. set은 사용자가 선택한 selectList 데이터에 true일때는 checkList 를 set, 그외는 [](빈값) 을 set한다. 테스트 * 테스트 소스 : https://github.com/hjh830827/test-proj..

    vue.js/vue.js 라이브러리

    [vue.js] 엑셀(excel) 다운 기능 sheetjs 라이브러리 설치 및 사용 예제

    서론 프론트에서 엑셀 다운로드를 해야할 일이 있어서 가장 많이 쓰이는 라이브러리 sheetJs를 정리할 예정입니다. 설치 npm i xlsx 소스 vue async excelDown() { const xlsx = require('xlsx'); // 엑셀 파일 생성 const book = xlsx.utils.book_new(); // data get > 실 개발시 api 호출 const fruitDataByAoa = await this.getFruitDataByAoa(); const fruitDataByJson = await this.getFruitDataByJson(); // sheet 생성 - aoa_to_sheet 방식 const worksheetByAoa = xlsx.utils.aoa_to_shee..

반응형