使用vue做一个导出word功能?

前端怎么实现某个div导出word?
本来已经实现了导出pdf,后来客户说最好是导出word,麻烦大佬帮忙寻找下最佳方法了

阅读 5.6k
3 个回答

导出excel做的多,导出word做的少,但道理应该是一样的。
设置params等于后台传过来的文字数据formdata

axios({
                method: 'post',
                url: url,
                data:formdata,
                responseType:'blob',//这里如果不设置,下载会打不开文件
            })
            .then(res=>{
                console.log('download res',res);
                //通过后台返回 的word文件流设置文件名并下载
                var blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8'}); //application/vnd.openxmlformats-officedocument.wordprocessingml.document这里表示doc类型
                var downloadElement = document.createElement('a');
                var href = window.URL.createObjectURL(blob); //创建下载的链接
                downloadElement.href = href;
                downloadElement.download ='s.doc'; //下载后文件名
                document.body.appendChild(downloadElement);
                downloadElement.click(); //点击下载
                document.body.removeChild(downloadElement); //下载完成移除元素
                window.URL.revokeObjectURL(href); //释放掉blob对象
            })
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题