Vue+elementUI 导出word打印

要在Vue应用中使用Element UI导出Word或打印，可以使用第三方库，如print-js或html2canvas。以下是使用print-js导出为Word文档的一个简单例子：

1. 首先，安装print-js库：

npm install print-js --save

2. 在Vue组件中引入并使用print-js：

import printJS from 'print-js';
 
export default {
  methods: {
    exportToWord(templateId) {
      const printContent = document.getElementById(templateId);
      printJS({
        printable: printContent,
        type: 'html',
        targetStyles: ['*'],
        scanStyles: false,
        style: 'https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css'
      });
    }
  }
}

3. 在模板中，添加一个按钮来触发导出操作：

<template>
  <div>
    <!-- 需要导出内容的容器，确保其有唯一的id -->
    <div id="printSection">
      <!-- 这里放置你想要导出的内容，可以是表格、文本等 -->
      <el-button @click="exportToWord('printSection')">导出为Word</el-button>
    </div>
  </div>
</template>

确保你的Vue组件中已经正确引入Element UI并使用了相关组件。这样，当用户点击按钮时，指定的HTML容器内容将被导出为Word文档。需要注意的是，print-js依赖于网页中的样式，确保所有需要的样式都已被加载。