vue-xlsx-table: 在瀏覽器中查看xlsx或xls表格

vue-xlsx-table

無需上傳,在瀏覽器中查看xlsx或xls表格,由js-xlsx驅(qū)動.
在線例子

依賴

  • 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, 默認(rèn)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>

開發(fā)

npm run dev  //develop
npm run build //production
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 來源:github.com Vue.js開源項目速查表:https://www.ctolib.com/cheats...
    zhangtaiwei閱讀 11,916評論 1 159
  • 今晚也是我第一次進(jìn)入簡書,狠簡單卻一見鐘情的名字,我被吸引進(jìn)來…!今晚也是這樣安靜的夜晚,我們這邊下了很大的雨,天...
    她的微故事閱讀 545評論 3 3
  • 我無法像春天一樣驕傲,“無法成為過去的 解釋者、警告者,預(yù)言家和未來的設(shè)計者” 無法像革命毀掉一寸泥土,一片樹葉 ...
    江帆江帆江帆閱讀 233評論 9 2
  • 記得自己在懂事時,想過自己為什么是人,為什么是現(xiàn)在的這個樣子,而不是其他動物,比如像鳥那樣,有翅膀可以自由的飛...
    一路向前_7a63閱讀 315評論 0 0
  • 夏雨后靜悄悄的, 樹木都矗立不動。 沒有一縷風(fēng)的痕跡, 也沒有一絲要來的跡象。 空氣中彌漫著小水滴, 濕噠噠的還有...
    return_to_zero閱讀 276評論 0 0

友情鏈接更多精彩內(nèi)容