You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

routerLink是否支持无刷新内部导航?<a href>的导航行为是什么?

关于<a href>与routerLink的导航差异
  • 直接用<a href="/内部路由路径">标签时,浏览器会触发整页刷新——它会把这个跳转当成普通HTTP请求处理,重新加载整个页面资源,不会走前端路由的无刷新逻辑。
  • 而routerLink是前端框架(比如Angular)提供的专属指令,它会拦截浏览器的默认跳转行为,通过前端路由机制只更新页面需要变化的部分,实现无刷新内部导航。

如果想让<a>标签也实现无刷新导航,需要手动阻止它的默认行为,再调用框架的路由跳转方法。以Angular为例:

<a href="/home" (click)="$event.preventDefault(); router.navigate(['/home'])">首页</a>

这里通过$event.preventDefault()取消默认刷新,再用router.navigate走前端路由流程。

内容的提问来源于stack exchange,提问作者Jon

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 16:40:53