Vue3 - SheetJS 테이블 구문 분석 플러그인의 세부 설치 및 사용, 순수 프런트엔드 로컬 업로드 및 Excel(xls) 테이블 파일 데이터 구문 분석, 인터페이스의 미리 보기, 테이블 그리기 및 기타 기능(구성 요소 라이브러리 테이블 테이블 일치 지원, 테이블 내보내기 및 다운로드 가능)

머리말

Vue2 버전이 필요한 경우 이 문서를 방문하세요.

이 문서는 vue3 프로젝트에서 "순수한 프런트 엔드"를 구현합니다. Excel(*.xls) 파일의 로컬 업로드를 완료한 후 테이블을 읽고 구문 분석합니다. 데이터를 생성하고 프런트엔드 페이지에 "미리보기를 렌더링합니다." "테이블은 요소 플러스/개미 디자인 vue 등과 같은 프런트엔드 구성요소 라이브러리의 테이블 구성요소를 지원하며 이후 내보내기 및 다운로드 기능도 지원합니다. 미리보기 테이블 분석

이 예는 헤더, 누락된 필드 등이 있는지 여부에 관계없이 "모든 복잡한" 테이블을 지원하며 원활하게 구문 분석할 수 있습니다.


아래 그림과 같이 [일반 버전]과 [컴포넌트 라이브러리 버전] 모두 간단한 테이블과 복잡한 테이블을 구문 분석할 수 있어 사용이 매우 쉽습니다!

또한 일반적으로 미리보기 중에 읽히지 않는 구문 분석 중에 Excel 헤더 제목 제거도 지원합니다.

示例代码干净整洁,无论 ts/js 都可以使用

여기에 이미지 설명을 삽입하세요.

추천

출처blog.csdn.net/weixin_44198965/article/details/134558374