Vue3 - SheetJS テーブル解析プラグインの詳細なインストールと使用、Excel (xls) テーブル ファイル データの純粋なフロントエンド ローカル アップロードと解析、インターフェイス上のプレビュー、テーブル描画、その他の機能 (コンポーネント ライブラリ テーブル テーブル マッチングをサポート、テーブルをエクスポートおよびダウンロードできます)

序文

Vue2 バージョンが必要な場合は、この記事を参照してください。

この記事は、vue3 プロジェクトに「純粋なフロントエンド」を実装します。Excel (*.xls) ファイルのローカル アップロードが完了した後、テーブルを読み取って解析します。フロントエンドページに「プレビューをレンダリング」します。「テーブル」は、Element Plus/Ant Design Vueなどのフロントエンドコンポーネントライブラリのテーブルコンポーネントをサポートし、その後のエクスポートおよびダウンロード機能もサポートしますプレビュー テーブルを解析する、

この例では、「あらゆる複雑な」テーブルがサポートされており、ヘッダーや欠落フィールドなどがあるかどうかに関係なく、スムーズに解析できます。


以下の図に示すように、[通常版] と [コンポーネント ライブラリ版] の両方で、単純なテーブルと複雑なテーブルを解析でき、非常に使いやすいです。

さらに、通常はプレビュー中に読み取られない、解析中の Excel ヘッダー タイトルの削除もサポートされます。

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

ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/134558374