@vue-office/docx预览doc

@vue-office/docx是一个Vue组件库，可以用于预览.docx文档。在使用之前，需要先安装该组件库，并通过指定文档的网络地址或base64编码来设置文档。以下是一个示例代码：

<template>
  <vue-office-docx :src="docx" style="height: 100vh;" @rendered="renderedHandler" @error="errorHandler" />
</template>

<script>
import VueOfficeDocx from '@vue-office/docx'
import '@vue-office/docx/lib/index.css'

export default {
  components: {
    VueOfficeDocx
  },
  data() {
    return {
      docx: 'http://static.shanhuxueyuan.com/test6.docx' // 设置文档网络地址，可以是相对地址，也可以是base64
    }
  },
  methods: {
    renderedHandler() {
      console.log("渲染完成")
    },
    errorHandler() {
      console.log("渲染失败")
    }
  }
}
</script>

此外，使用@vue-office/docx预览.docx文档时可能会遇到一些问题。例如，某些数字可能不展示的原因可能是文档中有图形绘制，导致解析出错。在使用该组件库时，还需要注意冲突问题，如果之前已经安装了docx-preview，需要先删除node-modules并重新下载，最好同时删除package中的docx-preview，然后重新安装@vue-office/docx和vue-demi。