vue-xlsx-table: 在浏览器中查看xlsx或xls表格

vue-xlsx-table

无需上传，在浏览器中查看xlsx或xls表格，由js-xlsx驱动.
在线例子

依赖

• vue: ^2.0.0

用法

install

 npm install vue-xlsx-table --save

main.js

import 'vue-xlsx-table/dist/style.css'
import vueXlsxTable from 'vue-xlsx-table'
Vue.use(vueXlsxTable, {rABS: false}) //HTML5 FileReader API 有两个方法可以读取本地文件 readAsBinaryString 和 readAsArrayBuffer, 默认rABS为true，也就是使用readAsBinaryString

file.vue

<template>
  <div id="app">
    <h1>vue-xlsx-table</h1>
    <vue-xlsx-table @on-click-ok="handleOk"></vue-xlsx-table>
  </div>
</template>

<script>
export default {
  name: 'app',
  methods: {
    handleOk (convertedData) {
      console.log(convertedData)
    }
  }
}
</script>

开发

npm run dev  //develop
npm run build //production