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

最新推荐文章于 2024-11-13 21:30:00 发布

原创最新推荐文章于 2024-11-13 21:30:00 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#window.open

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