網站首頁 編程語言 正文
使用
window.open()
搭配參數_self
(新頁面替換當前頁面),或使用window.location.href
跳轉到新頁面后,再點擊后退到原頁面,再重新進行跳轉事件時,頁面不僅沒有進行跳轉,且沒有任何反應(控制臺無錯誤信息)。
說得籠統一點,這是因為第一次跳轉時window.open()或window.location.href已經記錄過一個要跳轉的值了,跳轉或后退到原頁面時,該值沒有被清空,再次執行事件時自然會沒有反應。
思路:
定義一個全局變量記錄window.open()打開的窗體
如過該變量被記錄過,則先關閉該窗口,然后再次打開新窗口即可
原有問題的代碼:
// 跳轉至詳情頁
goDetail(row) {
// console.log(row)
window.open(`https://xxxx.xxxx.com/?id=${row.id}`, '_self')
},
解決方案:
// 跳轉至詳情頁
goDetail(row) {
// console.log(row)
var hasGoDetail // 記錄是否已跳轉過頁面。若不執行這一步,則在跳轉詳情頁后返回原頁面就不能再次跳轉新的詳情頁
if (hasGoDetail) { // 已經跳轉過
hasGoDetail.close() // 關閉
}
hasGoDetail = window.open(`https://xxxx.xxxx.com/?id=${row.id}`, '_self')
},
原文鏈接:https://blog.csdn.net/vvv3171071/article/details/121513564
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2022-09-09 使用?React?Hooks?重構類組件的示例詳解_React
- 2021-12-20 ES6 Number 數值的擴展 0.1 + 0.2 === 0.3 居然是false
- 2022-06-11 C#實現文件Move和Copy操作_C#教程
- 2022-08-15 VPP靜態映射實現DNAT
- 2022-12-07 C++11?lambda表達式在回調函數中的使用方式_C 語言
- 2022-08-16 C#?IEnumerator枚舉器的具體使用_C#教程
- 2022-04-09 SpringBoot 提示:RequestRejectedException:The request
- 2022-04-18 Go中groutine通信與context控制實例詳解_Golang
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支