vue使用Element的xlsx模板下载功能

 <el-buttonsize="mini"type="success"icon="el-icon-download"@click="subPrint">模板下载</el-button>


<script>
export default {data() {return {}}，methods:{// 模板下载subPrint() {downloadDevices() //这个是下载调用后台的接口.then(res => {this.delLoading = false;this.downloadFile(res.data);}).catch(err => {console.log(err.response.data.message);});},downloadFile(data) {// 文件导出if (!data) {return;}let url = window.URL.createObjectURL(new Blob([data]));let link = document.createElement('a');link.style.display = 'none';link.href = url;link.setAttribute('download', '导入模板.xls');document.body.appendChild(link);link.click();},}
}</script>

vue使用Element的xlsx模板下载功能相关推荐

ruoyi中生成的代码表单,如果添加上传功能-模板下载功能
研究了一天了,用网上别人的代码总是出错,这个时候就要看看ruoyi作者的代码,找到并利用起来.参考此文章 https://blog.csdn.net/weixin_46945684/article/d ...
vue实现表格的‘模板下载‘功能
样式: 实现点击'模板下载'按钮,下载下方表格模板 css代码: <el-button type="text" class="marginL5" @cli ...
基于vue与element实现创建试卷相关功能
由于最近在一个项目中需要实现创建试卷与预览试卷的功能,所以就自己动手写了一个,效果还不错,目前项目已经交付使用,今天就先和大家分享一下创建试卷. 源码已上传至gitee仓库,地址https://git ...
vue独立提供模板下载功能
需求描述:页面需要下载模板文件(word.excel),这些文件是固定的,如果存储在服务端,由后端负责返回数据流,前端再处理数据流则太浪费性能.把文件放到前端,用户下载时直接提供.但是传统的前端项目( ...
前端本地静态模板下载功能
第一步: 将模板文件放到public文件的static文件夹下第二步: 点击下载按钮后执行downloadTemplate方法 <template> ... <el-button ...
vue中用户自定义短信模板设置,功能为点击添加有光标时在光标后面拼接数据,没光标时在短信模板后面直接拼接数据
1.功能需求如下图: 2. 实现功能代码如图下面是函数方法这样就能实现这个需求了,至于预览功能就简单了,将设置好的模板提交给后端,后端提供一个预览接口,直接请求就可以了如果文章对你有帮助,麻烦点 ...
VUE+JAVA实现EXCEL模板下载
一.项目场景: VUE+JAVA实现EXCEL模板下载二.功能背景本人作为一个开发小白,今天接到一个小需求系统需要导入数据,也就十几个字段,我和老板说了,让客户一个一个去输入吧!然后我就被经理叫去 ...
前端开发：a标签实现下载功能
应用背景前端项目实现下载文件的功能,在后台没给我们撸接口的情况下,我们可以利用a标签实现下载功能,而且贼简单~ 实现原理通过a标签的download的属性,将需要下载的文件放在前端项目中,然后hr ...
siteservercms 缺点_Siteserver CMS 远程模板下载Getshell漏洞
SiteServerCMS-Remote-download-Getshell-vulnerability SiteServerCMS 远程模板下载Getshell漏洞 avatar 漏洞缺陷是由于后台 ...

vue使用Element的xlsx模板下载功能

vue使用Element的xlsx模板下载功能相关推荐

最新文章

热门文章