金狮镖局 Design By www.egabc.com
我就废话不多说了,大家还是直接看代码吧~
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端项目下载导出文件</title> </head> <body> <script> /** * post 方式 * 返回:文件流 * 好处:可以自己修改文件名称 方便调试 */ let params ={ ListData : this.ListData } _this.$http.post(url,params,{responseType:"arraybuffer"} //必须添加项 ).then(function(res) { console.log(res) var blob = new Blob([res.data], {type: 'application/msword;charset=utf-8'}); var filename = "download.doc"; var a = document.createElement('a'); var url = window.URL.createObjectURL(blob); a.href = url; a.download = filename; var body = document.getElementsByTagName('body')[0]; body.appendChild(a); a.click(); body.removeChild(a); window.URL.revokeObjectURL(url); } /** * get 方式 * 返回:文件流 * 好处:前台什么都不需要处理 完全后台处理 * 缺点:不变调试(需要确保后台接口稳定) */ let exportURL = `api/sysLog/export"_blank") </script> </body> </html>
补充知识:双向数据绑定原理(三种实现方式)
大家还是看看代码吧~
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>双向数据绑定原理(三种实现方式)</title> </head> <body> <input type="text" id="a" /> <span id="b"></span> <!-- //脏检查 我们说Angularjs(这里特指AngularJS 1.x.x版本,不代表AngularJS 2.x.x版本)双向数据绑定的技术实现是脏检查,大致的原理就是, Angularjs内部会维护一个序列,将所有需要监控的属性放在这个序列中,当发生某些特定事件时(注意, 这里并不是定时的而是由某些特殊事件触发的),Angularjs会调用 $digest 方法,这个方法内部做的逻辑就是遍历所有的watcher, 对被监控的属性做对比,对比其在方法调用前后属性值有没有发生变化,如果发生变化,则调用对应的handler。 网上有许多剖析Angularjs双向数据绑定实现原理的文章,比如 这篇 ,再比如 这篇 ,等等。 这种方式的缺点很明显,遍历轮训watcher是非常消耗性能的,特别是当单页的监控数量达到一个数量级的时候。 //观察机制 博主之前有一篇转载翻译的文章, Object.observe()带来的数据绑定变革 ,说的就是使用ECMAScript7中的 Object.observe 方法对对象 (或者其属性)进行监控观察,一旦其发生变化时,将会执行相应的handler。 这是目前监控属性数据变更最完美的一种方法,语言(浏览器)原生支持,没有什么比这个更好了。唯一的遗憾就是目前支持广度还不行,有待全面推广。 //封装属性访问器 国产mvvm框架vue.js实现数据双向绑定的原理就是属性访问器。 它使用了ECMAScript5.1(ECMA-262)中定义的标准属性 Object.defineProperty 方法。针对国内行情, 部分还不支持 Object.defineProperty 低级浏览器采用VBScript作了完美兼容,不像其他的mvvm框架已经逐渐放弃对低端浏览器的支持。 --> <script> //封装属性访问器 //Object.defineProperty(obj, prop, descriptor) //obj ,待修改的对象 //prop ,带修改的属性名称 //descriptor ,待修改属性的相关描述 var obj = {}; Object.defineProperty(obj,'a',{ set:function(newVal){ document.getElementById('a').value = newVal; document.getElementById('b').innerHTML = newVal; } }); document.addEventListener('keyup',function(e){ obj.a = e.target.value; }); </script> </body> </html>
以上这篇vue 使用post/get 下载导出文件操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
金狮镖局 Design By www.egabc.com
金狮镖局
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金狮镖局 Design By www.egabc.com
暂无vue 使用post/get 下载导出文件操作的评论...
更新日志
2024年09月25日
2024年09月25日
- 纯音入心系列纯音乐《天籁古筝》1CD[MP3][331MB]
- 男女对唱典藏天碟《发烧对唱·那个季节里的歌DSD》10CD[WAV]
- 群星2010-歌林精选辑[歌林][WAV+CUE]
- TrioZimbalist-PianoTriosofWeinberg,Auerbach,Dvorak(2024)[24-44,1]wav
- 群星.1992-滚石第一流台湾歌·12王牌大车拼【滚石】【WAV+CUE】
- 林子祥.1984-创作歌集【华纳】【WAV+CUE】
- 周汤豪.2010-周汤豪【华纳】【FLAC分轨】
- Mozart-TheStringQuintets-AmadeusQuartet,CecilAronowitz(2017)[24-44,1][WAV+CUE]
- JamesWilliamsDennisIrwin-Focus(2024,Red)[24-48]FLAC
- 藤泽麻衣《空みあげて》[WAV]
- 纯音入心系列纯音乐《中国古筝经典名曲》1CD[MP3][1.3GB]
- 纯音入心系列纯音乐《古筝新奏:岁月静好与筝语,细水流年与筝同》1CD[MP3][846.9MB]
- 670《脆弱敏感小女生》[320K/MP3][27.53MB]
- 曾琳.2011-好好爱我【南方】【WAV+CUE】
- 范晓萱.1995-RAIN【福茂】【WAV+CUE】