vue实现在线Excel表格功能

目录

1.安装x-data-spreadsheet xlsx

2.引入 

3.使用


1.安装x-data-spreadsheet xlsx

npm i x-data-spreadsheet xlsx

2.引入 

import zhCN from "x-data-spreadsheet/src/locale/zh-cn";
import Spreadsheet from "x-data-spreadsheet";
import * as XLSX from "xlsx";
Spreadsheet.locale("zh-cn", zhCN);

3.使用


  
  
  
  

vue实现在线Excel表格功能_第1张图片 vue实现在线Excel表格功能_第2张图片

原Excel样式如下

vue实现在线Excel表格功能_第3张图片

导入到 x-data-spreadsheet 如下图

vue实现在线Excel表格功能_第4张图片

x-spreadsheet-doc文档

vue实现在线Excel表格功能_第5张图片

vue实现在线Excel表格功能_第6张图片

x-spreadsheet在线示例

vue实现在线Excel表格功能_第7张图片

你可能感兴趣的:(excel,javascript,前端,vue.js)