vue 读取word内容

Vue本身并不支持直接读取Word内容，需要借助其他库或工具来实现。

一种常见的方式是使用jsdocx库，该库可以将Word文档转换为HTML格式，然后在Vue中使用HTML标签来展示文档内容。示例代码如下：

首先安装jsdocx：

npm install jsdocx --save

然后在Vue组件中使用如下代码来读取Word文档并展示内容：

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

<script>
import Docx from 'jsdocx';

export default {
  data() {
    return {
      docxContent: '',
    };
  },
  mounted() {
    const reader = new FileReader();
    reader.onload = () => {
      const docx = new Docx();
      const html = docx.parse(reader.result);
      this.docxContent = html;
    };
    reader.readAsArrayBuffer(this.docxFile);
  },
};
</script>

其中，`docxFile`是一个`<input type="file">`元素绑定的文件对象，通过`FileReader`将其读取为ArrayBuffer格式，再使用`jsdocx`库将其转换为HTML格式并赋值给`docxContent`，最终在模板中使用`v-html`指令来渲染HTML内容。