前言

一般导出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文档

如何导出word文档相关推荐

java导出word表格_使用PowerDesigner16.5 逆向数据库导出word文档
在上一篇<使用PowerDesigner16.5 逆向数据库生产表结构或导出word文档二>中,我们学会了使用PowerDesigner16.5怎么连接数据库,逆向生成表结构.有时候,我们 ...
vue 生产word_nodejs(officegen)+vue(axios)在客户端导出word文档
前言我的项目中有一个需求:点击按钮生成可编辑的word文档订单详情的信息我使用的前端框架是Vue.js.后台使用的是node.js node.js生成和导出word文档我参考的是下面这两篇文章,写 ...
easypoi导出word表格_Java导出word文档(POIamp;Spire.Doc)
导出Word文档整理前言业务需要将数据库中存的图片导出成word文档,并给这些图片按照文件名生成目录.以下为解决方案,通常在导出文件时,poi使用的频率较高,可以导出各类模板类的和非模板类的文 ...
word根据目录切块php,PHP导出Word文档如何自定义目录？
PHP导出Word文档如何自定义目录? 2018-09-19 class word { function start() { ob_start(); } function save($path) { ...
php利用mht导出word,解析掌握PHP导出Word文档原理
解析掌握PHP导出Word文档原理 PHP言语可能被咱们用来完成很多性能.比如在网站树立中,咱们常常会用到网页导出数据的情况.今天就为大家引见无关PHP导出Word文档的原理. 普通,有2种方法可能导 ...
vue页面导出Word文档（含图片）
引用插件安装 npm i docxtemplater@3.17.6 npm i pizzip npm i jszip-utils@0.1.0 npm i jszip@2.6.1 npm i file ...
freemarker导出Word文档并在其中插入图片
先将word转成xml格式,再用notepad将其转为ftl格式(将要填入数据的地方加个占位符,${name}) import java.io.File; import java.io.FileInp ...
【Python】批量导出word文档中的图片、嵌入式文件
Python 批量导出word文档中的图片.嵌入式文件需求学生试卷中的题目有要提交截图的,也有要提交文件的,为了方便学生考试,允许单独交或者嵌入Word中提交,那么事后如何整理学生的答案?单独提交 ...
【day22】java导出word文档（包含导出图片）
1.[Java]使用freemarker模板技术导出word main方法测试 package com.havenliu.document;import java.io.UnsupportedEnco ...
vue 导出word文档（包括图片）
vue 导出word文档(包括图片) 1.打开终端,安装依赖 -- 安装 docxtemplater npm install docxtemplater pizzip --save-- 安装 jszi ...

如何导出word文档

前言

一、使用步骤

1.引入文件

2.代码演示

总结

如何导出word文档相关推荐

最新文章

热门文章