1、装置插件 npm i xlsx
2、示例
<template>
<div class="home">
<div v-html="tableau"></div>
</div>
</template>
<script>
import axios from 'axios'
import XLSX from "xlsx";
export default {data(){
return {tableau: null,}
},
mounted(){
axios.get('/xlsx',{responseType: "arraybuffer", // 设置响应体类型为 arraybuffer}).then(({data})=> {let workbook = XLSX.read(new Uint8Array(data), {type:"array"}); // 解析数据
var worksheet = workbook.Sheets[workbook.SheetNames[0]]; // workbook.SheetNames 下存的是该文件每个工作表名字, 这里取出第一个工作表
this.tableau = XLSX.utils.sheet_to_html(worksheet); // 渲染
})
}
}
</script>
- 以上办法简略的渲染成表格, 须要本人批改款式, 须要编辑性能能够去看 xlsx 的 api 文档