如何导出word文档

前言

一般导出word，是后台做的功能，如果确实需要前端做，可以借助jQuery的wordexport.js导出word文档

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用步骤

1.引入文件

代码如下（示例）：

import '../../services/filesaver'
import '../../services/jquery-3.3.1.min'
import '../../services/jquery.wordexport'

2.代码演示

代码如下（示例）：

   <!-- 导出模板 -->
    <div class="new-box" style="display: none" id="export_content">
      <div class="container" v-for="(item,index) in exportContent">
        <div class="img">
          <!--<img data-height="100" data-width="125" v-if="imgUrl" :src="'data:image/png;base64,'+ imgUrl"/>-->
        </div>
        <p class="time">新闻类型： {{item.name}} / {{item.secondType}} </p>
        <h3 class="title">{{item.title}}</h3>
        <p class="time"> {{item.publishTime}} <span>{{item.auth}}</span></p>
        <div class="contxt" v-html="item.picPath"></div>
        <br>
      </div>
    </div>

$("#export_content").wordExport();

该处的 export_content 元素，就是div的id

---

总结

综上就是简单的导出word文档