vue 2.0+element UI 에서 el-table 데이터 내 보 내기 Excel 방법
주로 두 가지 의존.
npm install --save xlsx file-saverhttps://github.com/SheetJS/js-xlsx
https://github.com/eligrey/FileSaver.js
2.구성 요소 에 도입
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
exportExcel () {
/* generate workbook object from table */
var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))
/* get binary string as output */
var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
try {
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')
} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }
return wbout
},4.내 보 내기 단 추 를 누 르 면 exportExcel 을 실행 할 수 있 습 니 다.
구성 요소 내 코드 캡 처:
실현 효과 도 는 다음 과 같다.
다음 표 의 데 이 터 를 엑셀 로 내 보 냅 니 다.
excel 표 로 내 보 냅 니 다.결 과 는 다음 과 같 습 니 다.
관련 링크:
이 도구 의 다른 사용 장면(예 를 들 어 react,jQ,angular)http://sheetjs.com/
이 vue 2.0+element UI 에서 el-table 데 이 터 를 엑셀 로 내 보 내 는 방법 은 바로 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주시 기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
