Vue自定义名称下载PDF的方法
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
1.运行Vue指令,安装相对应插件。(在指定的Vue文件下运行)
2.其次在项目中引入安装相对应的插件(不引入是无法使用导入功能的)
3.下载方法的具体代码描述。(下载PDF代码和自定义名字命名进行导出PDF的代码)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | function down() { var fileName = "自定义文件命名哦" var url = state.source; //文件来源(URL或者本地文件路径state.source) // 请求进来,就可以加在loading fetch(url).then(res => { return res.blob() }).then(blob => { // 这是一个外部引用的download.js文件,这个文件 download(blob, fileName) // 下载结束,loading结束 }). catch (err => { console.log(err) return false }).finally(res => { // 这里也可以结束loading。不管是成功失败,都会结束loading return true }) } |
总结(直接复制整体根据直接代码环境和框架微微修改一下即可完成):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <template> <button @click= "down" >当前文档导出</button> </template> <script setup lang= "ts" > import download from "downloadjs" ; // 下载PDF区域 function down() { var fileName = "自定义文件命名哦" var url = state.source; //文件来源(URL或者本地文件路径) // 请求进来,就可以加在loading fetch(url).then(res => { return res.blob() }).then(blob => { // 这是一个外部引用的download.js文件,这个文件 download(blob, fileName) // 下载结束,loading结束 }). catch (err => { console.log(err) return false }).finally(res => { // 这里也可以结束loading。不管是成功失败,都会结束loading return true }) } </script> |
获取文章流量推荐曝光度随便胡说八道两句
vue3.0带来了什么
1.性能的提升 打包大小减少41%初次渲染快55%,更新渲染块133%内存减少54%........
2.源码的升级 使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Sharking......
3.拥抱TypeScript vue3.0更好的支持TypeScript
4.新的特性
Composition API(组合api)
。 setup配置
。ref与reactive
。watch与watchEffect
。 provide和inject
。 .......
新的内置组件
。 Fragment
。Teleport
。Suspense
其他改变
。新的生命周期钩子
。data选项应始终被声明为一个函数
。移除keyCode支持作为v-on的修饰符
到此这篇关于Vue自定义名称下载PDF的文章就介绍到这了,更多相关Vue自定义名称内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
最新评论