vue使用js-file-download完成导出功能实例
更新时间：2024年07月18日 10:12:12 作者：五月呀
这篇文章主要介绍了vue使用js-file-download完成导出功能实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue使用js-file-download完成导出功能
安装js-file-download
npm install js-file-download
引入对应的功能模块
import fileDownLoad from 'js-file-download' import Axios from 'axios'//ajax请求 import store from '@/store'//设置token
代码段
exportData(){
var _this = this
Axios({
url:'ajax url'
method: 'post',
headers: {
'Authorization': token
},
data:{
licenseNo:_this.searchForm.licenseNo,
},
responseType: 'blob',
}).then(res => {
fileDownload(res.data, new Date().getTime()+ '.xlsx');
})
}vue下载插件downloadjs
安装依赖
npm install downloadjs
使用范例
<template>
<div style="margin:20px">
<button @click="downloadText">下载文本——“{{ text }}”</button>
</div>
</template>
<script>
import download from "downloadjs";
export default {
methods: {
downloadText() {
this.fileName = "点击下载文本后生成的txt文件.txt";
download(this.text, this.fileName, "text/plain");
},
},
data() {
return {
text: "我爱你，中国！",
fileName: "",
};
},
};
</script>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue中v-html图片过大导致溢出的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要为大家详细介绍Vue3中简单diff算法的实现与使用，文中的示例代码讲解详细，具有一定的借鉴价值，感兴趣的可以了解一下2022-09-09
关于下拉类型多选组件Vue-Treeselect(键名转换)
这篇文章主要介绍了关于下拉类型多选组件Vue-Treeselect(键名转换)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
利用Vue3+Element-plus实现大文件分片上传组件
在开发中如果上传的文件过大,可以考虑分片上传,分片就是说将文件拆分来进行上传,将各个文件的切片传递给后台,然后后台再进行合并,下面这篇文章主要给大家介绍了关于利用Vue3+Element-plus实现大文件分片上传组件的相关资料,需要的朋友可以参考下2023-01-01
本文主要介绍了el-table 动态合并不定项多级表头的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
elementUI中el-table表头和内容全部一行显示完整的方法
最近参与web开发时,让我解决一个elementui控制内容单行显示,下面这篇文章主要给大家介绍了关于elementUI中el-table表头和内容全部一行显示完整的方法,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vuejs如何通过Axios请求数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue中全局变量的定义和使用，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
在做后台管理系统时,经常会有权限管理的功能,本文主要介绍了vue3实现按钮权限管理的项目实践,具有一定的参考价值,感兴趣的可以了解一下2023-08-08
Vue3中的事件修饰符包括：.stop（阻止冒泡）、.prevent（阻止默认事件）、.self（阻止自身事件）、.capture（打乱冒泡顺序）、.once（事件只触发一次）和.passive（事件默认行为立即执行）,这些修饰符可以帮助开发者更灵活地控制事件的处理方式2025-02-02
最新评论