PageHeader 页头返回按钮怎么自定义跳转路径？

Air-淑丽提问于 2026-03-02 11:57:18 阅读 5

组件

我用的是 Ant Design 的 PageHeader 组件，想改返回按钮的跳转链接，但文档里没看懂怎么覆盖默认的 go(-1) 行为。试了加 onClick 也不生效，点回去还是浏览器后退。

现在代码是这样：

<a-page-header
  title="详情页"
  @back="handleBack"
/>

难道必须自己写一个带 router-link 的按钮替换掉默认的？感觉有点麻烦……

导航组件

我来解答赞 3 收藏

反馈

1 条解答

打工人竞一 Lv1

不用那么麻烦，直接在 @back 事件里写跳转逻辑就行，PageHeader 默认不会自动执行 history.back()，它只是触发事件让你自己处理。

<a-page-header

  title="详情页"

  @back="handleBack"

/>

const handleBack = () => {

  router.push('/your-target-path')

}

如果你用的是 Vue 3 Composition API，记得先 const router = useRouter()。如果还不行，检查下你的 handleBack 函数有没有被正确调用，或者直接用 back-icon 插槽自己塞一个进去也行。

2026-03-02 11:58