Saber2pr's Blog

利用Link实现Tab的问题与优化

页面中的 Tab 如果是以 Link 页面实现的,会有一个问题,就是点击返回的时候,不能直接退出当前页,而是回到上一个 tab 的状态。 因为 Link 是浏览器路由栈,每次点击 Link 都会往历史中 push 一个新的记录,所以只能返回上次点击 Link 的时候。

优化方案:next/link 提供了 replace 选项,表示是否替换当前历史记录,即不会新增历史记录而是直接替换当前。