vue 生产word_vue怎么导出word文档？

展开全部

用这个e69da5e887aa62616964757a686964616f31333431373862 jquery.wordexport.js

我用的是网页链接 这个，大佬修改了源代码做成组件，vue组件里导入就可以使用了，两个依赖在组件里都调用了

import  wordExport from './public/wordExport/jquery.wordexport';

源代码里有一段

//TODO: load css from included stylesheet

var styles = "";

给这个style复制就好

例如

var rules = "table{" +

"   border-collapse:collapse;" +

"   margin:0 auto;" +

"   text-align:center;" +

"   width: 90%;" +

"}" +

"table td,table th{" +

"   text-align:center;" +

"   border:1px solid #cad9ea;" +

"   color:#666;" +

"   height:25pt;" +

"   flex:1;" +

"}" +

"table thead th{" +

"   background-color:#C00000;" +

"   color:#fff;" +

"   flex:1" +

"}" +

"table tr{" +

"   background:#fff;" +

"}";

这样子写

/*

不过里面  $("#main").clone那里我不太能理解，不知道$("#id").exportWord()是怎么拿到id的，这函数怎么调用的还不不明白，emm对jquery不太熟悉

$("#id").exportWord()一直报错说exportWord不是函数emmm，没有解决，如果哪位大佬会的话，能不能跟我说说呀*/

为了规避掉这个问题

所以我把代码改成了

let wordExport=(fileName,id,rules)=>{

多加了两个参数

id值传给(“#”+id).clone()  rules(就是样式)传给styles=rules；

这么些有些问题，css的动态改变会变不了，不过单纯的转world应该没问题