vue本地预览docx、doc文件

你可以使用js库`jsreport`来实现在Vue中预览docx、doc文件。以下是实现步骤：

1.安装`jsreport`库：

npm install jsreport-core --save

2.在Vue组件中引入`jsreport`库：

import jsreport from 'jsreport-core'

3.使用`jsreport`库的`render`方法来渲染docx、doc文件：

const jsreportInstance = jsreport({
  httpPort: 5488, // 配置端口号
  httpsPort: 5490 // 配置端口号
})

await jsreportInstance.init()

const response = await jsreportInstance.render({
  template: {
    content: '<h1>Hello World</h1>', // 这里可以替换为你的docx/doc模板内容
    engine: 'none',
    recipe: 'html-to-xlsx'
  }
})

console.log(response.content.toString())

4.将渲染出的内容显示在Vue组件中：

<template>
  <div v-html="renderedContent"></div>
</template>

<script>
  export default {
    data() {
      return {
        renderedContent: ''
      }
    },
    async created() {
      const jsreportInstance = jsreport({
        httpPort: 5488, // 配置端口号
        httpsPort: 5490 // 配置端口号
      })

      await jsreportInstance.init()

      const response = await jsreportInstance.render({
        template: {
          content: '<h1>Hello World</h1>', // 这里可以替换为你的docx/doc模板内容
          engine: 'none',
          recipe: 'html-to-xlsx'
        }
      })

      this.renderedContent = response.content.toString()
    }
  }
</script>

这样，你就可以在Vue组件中预览docx、doc文件了。