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应该没问题
展开全部 用这个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应该没问题