liudong
2024-08-26 c42ee03103d3e9baad20d64d04e421b44cb92e43
src/views/dmx/knowledgeLib/components/excel.vue
@@ -1,42 +1,37 @@
<template>
  <vue-office-excel
  <!-- <vue-office-excel
    :src="previewSrc"
    :style="comStyle"
    @rendered="renderedHandler"
    @error="errorHandler"
  />
  /> -->
</template>
<script setup>
//   获取父组件传递的资源url
const props = defineProps({
  previewSrc: {
    type: String,
    required: false,
    default: () => ''
  }
});
//引入VueOfficeExcel组件相关
import VueOfficeExcel from '@vue-office/excel'
import '@vue-office/excel/lib/index.css'
// 引入VueOfficeExcel组件相关
// import VueOfficeExcel from "@vue-office/excel";
// import "@vue-office/excel/lib/index.css";
const comStyle = {
  width: '100%',
  height: '100%'
}
// const props = defineProps({
//   previewSrc: {
//     type: String,
//     required: false,
//     default: () => "",
//   },
// });
const renderedHandler = () => {
  console.log('rendered');
};
const errorHandler = (err) => {
  console.log('error', err);
};
// const comStyle = {
//   width: "100%",
//   height: "100%",
// };
// const renderedHandler = () => {
//   console.log("rendered");
// };
// const errorHandler = (err) => {
//   console.log("error", err);
// };
</script>
<style scoped lang="less">
@@ -45,4 +40,4 @@
  top: 0;
  left: 0;
}
</style>
</style>