mirror of
https://github.com/501351981/vue-office.git
synced 2025-06-15 07:00:00 +08:00
31 lines
725 B
Vue
31 lines
725 B
Vue
<template>
|
|
<div id="excel" style="height: 100vh"></div>
|
|
</template>
|
|
|
|
<script>
|
|
import jsPreviewExcel from "@js-preview/excel";
|
|
import '@js-preview/excel/lib/index.css';
|
|
export default {
|
|
name: "JsPreviewExcelDemo",
|
|
data(){
|
|
return {
|
|
myExcelPreviewer: null
|
|
}
|
|
},
|
|
mounted(){
|
|
this.myExcelPreviewer = jsPreviewExcel.init(document.getElementById('excel'));
|
|
this.myExcelPreviewer .preview('http://static.shanhuxueyuan.com/test.xlsx').then(()=>{
|
|
console.log('预览完成');
|
|
}).catch(e=>{
|
|
console.log('预览失败', e);
|
|
})
|
|
},
|
|
beforeUnmount() {
|
|
this.myExcelPreviewer.destroy();
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |