vue在线预览doc文件

你可以使用vue-office库来实现Vue在线预览doc文件的功能。该库提供了一个名为VueOfficeDocx的组件，你可以将doc文件的网络地址或者base64编码作为src属性传递给该组件来进行预览。你还可以通过添加监听事件来处理渲染完成或者渲染失败的情况。

以下是一个使用vue-office库预览doc文件的示例代码：

<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>

注意，该库有一些限制，如对docx的艺术字体、excel的多种数据格式解析可能存在不准确的问题，但对于普通的预览来说是没有问题的。