網站首頁 編程語言 正文
使用
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
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2023-01-10 redis中Could?not?get?a?resource?from?the?pool異常及解決方
- 2022-07-07 Python中模塊的使用--binascii模塊用法_python
- 2022-05-19 gorm整合進go-zero的實現方法_Golang
- 2022-06-10 docker-compose部署Yapi的方法_docker
- 2022-07-14 python利用線程生成不同尺寸的縮略圖實例詳解_python
- 2022-05-21 Keepalived+HAProxy高可用集群K8S實現_服務器其它
- 2022-09-30 Docker?compose部署minio服務_docker
- 2022-12-06 Python實現批量修改xml文件的腳本_python
- 欄目分類
-
- 最近更新
-
- 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同步修改后的遠程分支