🎉vue导出Excel兼容IE,用Blob实现新窗口打开💡
在开发中,我们常遇到需要导出Excel文件的需求,但兼容老旧浏览器(如IE)却是个头疼的问题。今天分享一个基于Vue+Blob的解决方案,完美解决这一痛点!👇
首先,我们需要通过`Blob`对象将数据转换为二进制流。代码逻辑如下:
```javascript
const blob = new Blob([data], { type: 'application/vnd.ms-excel' });
```
接着,为了确保文件能在新窗口中正确打开,需创建一个临时的URL引用Blob对象:
```javascript
const url = window.URL.createObjectURL(blob);
```
最后,利用`window.open()`方法打开链接,并设置超时清除临时URL:
```javascript
const newWindow = window.open(url, '_blank');
if (newWindow) {
setTimeout(() => window.URL.revokeObjectURL(url), 1000);
}
```
这样,即使面对IE浏览器,也能优雅地完成Excel文件的导出与新窗口打开!💪
记得测试时注意权限问题哦,祝大家项目顺利 ✨
免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。