zhangxiao
2024-08-05 f6ba464aa7856b8201e313fe79e651aab34e6509
src/views/dmx/knowledgeLib/components/docx.vue
New file
@@ -0,0 +1,42 @@
<template>
  <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 comStyle = {
    width: '100%',
    height: '100%',
  };
  const renderedHandler = () => {
    console.log('rendered');
  };
  const errorHandler = (err) => {
    console.log('error', err);
  };
</script>
<style scoped lang="less">
  .aUpload {
    position: absolute;
    top: 0;
    left: 0;
  }
</style>