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