我只想纯前端实现打印预览doc文件不打印其他文件

要在前端仅限于纯JavaScript实现DOC文件的打印预览而不支持其他文件类型，你需要一个能解析和显示Microsoft Office Document (.doc)内容的库。目前这类库并不多，但你可以尝试使用开源库`officegen`，它主要用于生成Office文档，但也可以用于读取它们的内容。

首先，你需要安装`officegen`库：

npm install officegen --save

然后，在你的Vue组件中，你可以这样实现预览功能：

import OfficeGen from 'officegen';

export default {
  data() {
    return {
      docContent: null,
    };
  },
  async handleLoadDoc(file) {
    if (file.type.startsWith('application/vnd.openxmlformats-officedocument.wordprocessingml.document')) {
      try {
        let doc = await OfficeGen.fromBuffer(file.content);
        this.docContent = doc.body;
      } catch (error) {
        console.error('Error reading DOCX:', error);
      }
    }
  },
  method: {
    async_preview(file) {
      if (this.docContent) {
        // 创建一个新的iframe，用于展示文档
        const iframe = document.createElement('iframe');
        iframe.srcdoc = this.docContent;
        iframe.style.display = 'none'; // 隐藏iframe直到预览完成
        document.body.appendChild(iframe);

        // 创建print按钮
        const printButton = document.createElement('button');
        printButton.textContent = '打印';
        printButton.addEventListener('click', () => {
          iframe.contentWindow.print(); // 在点击时触发浏览器的打印功能
        });

        // 显示预览区域
        printButton.parentElement.style.display = 'block';
      } else {
        alert('无法预览非DOCX文件');
      }
    },
  },
};

请注意，这只是一个基础示例，实际应用可能需要处理更多边缘情况，比如错误处理和兼容性问题。此外，浏览器对`srcdoc`属性的支持可能因浏览器而异。