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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 来源:github.com Vue.js开源项目速查表:https://www.ctolib.com/cheats...
    zhangtaiwei阅读 14,027评论 1 159
  • 今晚也是我第一次进入简书,狠简单却一见钟情的名字,我被吸引进来…!今晚也是这样安静的夜晚,我们这边下了很大的雨,天...
    她的微故事阅读 3,446评论 3 3
  • 我无法像春天一样骄傲,“无法成为过去的 解释者、警告者,预言家和未来的设计者” 无法像革命毁掉一寸泥土,一片树叶 ...
    江帆江帆江帆阅读 1,490评论 9 2
  • 记得自己在懂事时,想过自己为什么是人,为什么是现在的这个样子,而不是其他动物,比如像鸟那样,有翅膀可以自由的飞...
    一路向前_7a63阅读 2,206评论 0 0
  • 夏雨后静悄悄的, 树木都矗立不动。 没有一缕风的痕迹, 也没有一丝要来的迹象。 空气中弥漫着小水滴, 湿哒哒的还有...
    return_to_zero阅读 1,765评论 0 0

友情链接更多精彩内容