vue预览docx、doc文件

你可以使用第三方库`docxtemplater`来实现预览docx文件，它可以在Vue项目中使用。首先安装`docxtemplater`库：

npm install --save docxtemplater

然后在Vue组件中引入并使用该库：

<template>
  <div>
    <iframe :src="url" width="100%" height="600"></iframe>
  </div>
</template>

<script>
import Docxtemplater from 'docxtemplater';
import JSZip from 'jszip';
import FileSaver from 'file-saver';

export default {
  data() {
    return {
      url: '',
    };
  },
  methods: {
    previewDocx() {
      const file = this.$refs.fileInput.files[0];
      const reader = new FileReader();

      reader.onload = (event) => {
        const content = event.target.result;
        const zip = new JSZip(content);
        const doc = new Docxtemplater().loadZip(zip);

        // 填充word文档数据
        doc.setData({
          // your data here
        });

        // 生成word文档
        doc.render();
        const output = doc.getZip().generate({ type: 'blob' });

        // 在iframe中预览
        this.url = URL.createObjectURL(output);
      };

      reader.readAsBinaryString(file);
    },
  },
};
</script>

这样就可以在Vue项目中预览docx文件了。对于doc文件，你可以将其转换为docx格式再进行预览，具体可参考`docxtemplater`库的文档。