vue 标签内容导出word文件

由于 Vue 是一个前端框架，不能直接操作文件系统，因此需要借助第三方库来实现将标签内容导出为 Word 文件的功能。以下是一个示例代码，使用了 jszip 和 docxtemplater 库：

import JSZip from 'jszip'
import Docxtemplater from 'docxtemplater'

export default {
  methods: {
    async exportToWord() {
      // 获取标签内容
      const content = this.$refs.content.innerHTML
      
      // 创建 Word 模板
      const template = new Docxtemplater()
      template.loadZip(await JSZip.loadAsync(this.wordTemplate))
      
      // 填充模板
      template.setData({ content })
      template.render()
      
      // 生成 Word 文件
      const buffer = template.getZip().generate({ type: 'nodebuffer' })
      const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' })
      const url = URL.createObjectURL(blob)
      const link = document.createElement('a')
      link.href = url
      link.download = 'exported.docx'
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
      URL.revokeObjectURL(url)
    }
  }
}

在上述代码中，`wordTemplate` 是一个 Word 模板文件，可以先在 Word 中创建好样式和格式，然后将其另存为 `.docx` 格式的文件作为模板。在将标签内容填充到模板中之前，需要通过 jszip 库将模板文件加载为 Zip 对象，然后再使用 docxtemplater 库进行填充。最后，将填充后的 Word 文件生成为 Blob 对象，并通过创建并点击一个 `<a>` 标签的方式下载到本地。