javascript export excel

Javascript / / 2020. 9. 4. 09:41

프론트 개발에서 excel 다운로드를 할일이 생겨 방법을 찾아보았다.

 

검색 키워드는 vue excel export 혹은 download

 

뒤적뒤적 하고있는데 뒤에서 excel import 기능을 사용한다고..

package.json 을 확인해보니 xlsx 을 쓰고 있었다.

 

export 기능만 있으면 나도 써야지.. 하고 뒤적뒤적..

 

www.npmjs.com/package/xlsx

 

xlsx

SheetJS Spreadsheet data parser and writer

www.npmjs.com

 

 

기능이 있다!

의존성을 설치해주고~

 

$ npm install xlsx

 

 

vue script 에서 코드를 작성해주었다.

 

    downloadExcel: function() {

      var wb = xlsx.utils.book_new();

      var testWS = xlsx.utils.json_to_sheet(this.result_set)

      

      xlsx.utils.book_append_sheet(wb, testWS, 'test sheet')

      xlsx.writeFile(wb, 'test.xlsx')

    }

 

 

다운로드 이벤트를 발동~

 

성공적으로 다운로드가 된 모습이다.

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기