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

vue-xlsx-table

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

npm version

依賴

  • vue: ^2.0.0css

用法

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
相關文章
相關標籤/搜索