解决异步加载window.open 被拦截

最新推荐文章于 2024-09-03 16:36:48 发布

joe311

最新推荐文章于 2024-09-03 16:36:48 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： js片段 js代码片段文章标签： window.open

本文链接：https://blog.youkuaiyun.com/p3118601/article/details/80019557

js片段同时被 2 个专栏收录

12 篇文章

订阅专栏

js代码片段

12 篇文章

订阅专栏

本文介绍了一种使用Vue.js发起文件下载请求的方法，并通过打开新的浏览器标签页实现文件预览功能。具体实现了点击事件触发下载请求，利用$http.post发起后端请求获取文件链接，再通过修改新标签页的location属性实现文件在线预览。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                  on: {
                    click: () => {
                      var newTab=window.open('about:blank');
                      this.$http.post('/download/downfile',{title:params.row.title}).then(res => {
                        newTab.location = 'https://view.officeapps.live.com/op/view.aspx?src='+res;
                      })
                    }
                  }

在请求外部定义一个window对象

然后请求成功后重定义location