프론트 개발에서 excel 다운로드를 할일이 생겨 방법을 찾아보았다.
검색 키워드는 vue excel export 혹은 download
뒤적뒤적 하고있는데 뒤에서 excel import 기능을 사용한다고..
package.json 을 확인해보니 xlsx 을 쓰고 있었다.
export 기능만 있으면 나도 써야지.. 하고 뒤적뒤적..
기능이 있다!
의존성을 설치해주고~
$ 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')
}
다운로드 이벤트를 발동~
성공적으로 다운로드가 된 모습이다.
반응형
'Javascript' 카테고리의 다른 글
Clipboard API 정리 (readText, writeText) (0) | 2021.02.25 |
---|---|
javascript array slice (배열의 일부만 추출) (0) | 2020.09.03 |
Javascript Axios API Cache (axios 요청이 서버로 안갈 때) (0) | 2020.09.02 |
최근댓글