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