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
相关产品推荐
相关产品推荐

