vue如何把html转换word,vue 如何实现页面以word文件导出

word文档本质是一个XML文件，可以用html，直接在前端导出一份word文档是可行的。下面是以前做的excel文件导出。

// 导出文件

// exportObj = [{

// href: '附件下载的路径',

// tips: '下载时的提示',

// data: '本地文件导出的内容',

// opt: { type:"text/plain" },

// fileName: '当为本地文件导出时必填'

// }]

function exportSingleFile(eleLink,exportObj){

if(!exportObj.href){

// 字符内容转变成blob地址

let blob = new Blob([exportObj.data],exportObj.opt);

exportObj.href = URL.createObjectURL(blob);

}

eleLink.download = exportObj.fileName || '';

eleLink.href = exportObj.href;

eleLink.click(); // 触发点击

}

function exportFile(exportObj,tips){

// 创建可下载链接

let eleLink = document.createElement('a');

eleLink.style.display = 'none';

eleLink.target = "blank";

//下载前的提示

let message = tips || ((typeof exportObj == 'object') && !Array.isArray(exportObj) && exportObj.tips) || '下载附件';

dataTool.message(message);

//参数处理，一律为多文件导出

Array.isArray(exportObj) || (exportObj = [exportObj])

exportObj.forEach(item=>exportSingleFile(eleLink,item))

// 释放空间

eleLink = null;

}

export default exportFile;