介绍

Xlsx Viewer 是一款轻量、高效的xlsx文件阅读器，无需三方依赖、纯前端预览，使用方式简单

性能方面也作了精细的考量，工作表内容使用了懒渲染模式，即加载工作表才触发渲染，渲染完成后会将其元素保留，对于单个工作表数据量过于庞大时，提供了frameRenderSize参数设定每次渲染帧渲染行数，以此减少白屏等待时间。

网站

Gitee: xlsx-viewer

Xlsx Viewer

Install

npm install xlsx-viewer

Import

import xlsxViewer from 'xlsx-viewer'
import 'xlsx-viewer/src/style.css'

Render

default

xlsxViewer.renderXlsx(data, document.querySelector('div'))

append options

xlsxViewer.renderXlsx(data, document.querySelector('div'), {
  initialSheetIndex: 0, // 初始化表索引
  frameRenderSize: 500, // 每次渲染帧渲染行数
  onLoad(sheets) { // 读取回调
    console.log('onLoad', sheets)
  },
  onRender(sheet) { // 渲染回调
    console.log('onRender', sheet)
  },
  onSwitch(sheet) { // 切换回调
    console.log('onSwitch', sheet)
  }
})

Prop	Prop Type	Type	Required
data	Attribute	ArrayBuffer, Blob, File	True
element	Attribute	HTMLElement	True
opitons	Attribute	Object	False

其他插件

Vue2 to Composition API 语法转换器

Element Form to Json，快速构建表单应用，支持表单分组

Element Table to Json，快速构建表格应用，支持表格编辑

---

Package: vue2-to-composition-api

E-mail: diquick@qq.com

Author: wd3322