Vue Router系列之(八)router-link 标签的replace属性

<router-link>的replace属性

  1. 作用:控制路由跳转时操作浏览器历史记录的模式

  2. 浏览器的历史记录有两种写入方式:分别为pushreplacepush是追加历史记录,不破坏栈中的任何一条数据,不断的压入数据,replace是替换掉当前栈顶的那一条记录。路由跳转时候默认为push

    注:浏览器的历史记录实际上是栈。

  3. 如何开启router-link标签的replace模式:<router-link replace .......>News</router-link>

浏览器中的前进和后退按钮是依赖于历史记录的

push模式指的是每次点击一个链接,都会触发一次入栈,并且入栈的数据不会破坏当前栈中的任何一条数据【每一次push操作都会留下痕迹,每一次replace操作都会替换上次操作的记录】

posted @   刘二水  阅读(165)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示