美文网首页
vue-xlsx-table: 在浏览器中查看xlsx或xls表

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

作者: 我不叫沒耐性 | 来源:发表于2017-03-20 00:27 被阅读0次

vue-xlsx-table

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

npm versionnpm version

依赖

  • 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

相关文章

网友评论

      本文标题:vue-xlsx-table: 在浏览器中查看xlsx或xls表

      本文链接:https://www.haomeiwen.com/subject/ggxbnttx.html