快捷導(dǎo)航

vue?路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理

更新時間：2022年03月08日 09:36:11 作者：程序猿-張益達(dá)

這篇文章主要介紹了vue?路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理，下面文章操作中所遇到相關(guān)問題解決的內(nèi)容介紹詳細(xì)，需要的小伙伴可以參考一下

觸發(fā)事件請求接口根據(jù)條件去判斷在進(jìn)行路由跳轉(zhuǎn)：

? <a @click="getGetMyPortfolioById(scope.row) ">查看</a>
?
?getGetMyPortfolioById(vals) {?
? ? getMyPortfolioById({
?
? ? }).then(response = >{?
? ? ? ? const routerdata = this.$router.resolve({?
? ? ? ? ? ? ? ? ? name: '組合分析以及組合持倉',?
? ? ? ? ? ? ? ? ? params: { managerId: vals.fundCode }?
? ? ? ? })?
? ? ? ? const newhref = routerdata.href + '?managerId=' + vals.fundCode?
? ? ? ? ?window.open(newhref, '_blank')?
? ? })
?}?

當(dāng)我們用以上方法時候，是觸發(fā)事件請求接口根據(jù)條件去判斷在進(jìn)行路由跳轉(zhuǎn)，這個時候就會遇到瀏覽器被攔截的問題
在接口請求的回調(diào)函數(shù)中需要使用window.open（）打開新頁面，但是等接口請求成功之后，window.open（）打開新頁面總是被瀏覽器攔截，原因大概是，放在請求回調(diào)函數(shù)中的操作，被瀏覽器認(rèn)為不是用戶主動觸發(fā)的事件，并且延遲1000ms ，被認(rèn)為有可能是廣告，于是被攔截

解決的方法：

在接口請求之前先打開一個空的頁面：

let tempPage=window.open('' ", _blank');

然后在回調(diào)函數(shù)中：

tempPage.location=url;

（改良版）

? <a @click="getGetMyPortfolioById(scope.row) ">查看</a>
?
? getGetMyPortfolioById(vals) {
? ? ? const tempPage = window.open('', '_blank')
?? ? ?getMyPortfolioById({}).then(response = >{
?? ??? ??? ? const routerdata = this.$router.resolve({
? ? ? ? ?? ? name: '組合分析以及組合持倉',
? ? ? ? ??? ? ?? ?params: {
? ? ? ? ? ? ? ??? ??? ?managerId: vals.fundCode
? ? ? ? ??? ??? ?}
? ? ? ?? ??? ? })
? ? ??? ??? ?const newhref = routerdata.href + '?managerId=' + vals.fundCode
? ? ??? ??? ?tempPage.location = newhref
?? ? ?})
?}

到此這篇關(guān)于vue 路由跳轉(zhuǎn)打開新窗口被瀏覽器攔截問題處理的文章就介紹到這了,更多相關(guān)vue 路由跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: