关于前端:Vue-vuerouter-pushreplacego用法区别

29次阅读

共计 562 个字符,预计需要花费 2 分钟才能阅读完成。

1.this.$router.push()
push 跳转会向 history 栈增加一个记录,点击后退会返回到上一个页面。

A -> B ($router.push(“/c”))-> C
在 C 页面后退,会回到 B 页面。

2.this.$router.replace()
replace 跳转不会向 history 外面增加新的记录,它是用页面 C 的地址 replace 了页面 B 的地址。在 C 页面后退,会跳转到 B 页面的上一个页面。

A -> B ($router.replace(“/c”))-> C
在 C 页面后退,会回到 A 页面。

3.this.$router.go(n)
绝对于以后页面向前或向后跳转多少个页面, 相似 window.history.go(n)。n 可为负数可为正数也能够为 0。
this.$router.go(0) 刷新以后页面。
this.$router.go(3) // 后退 3 步记录
this.$router.go(n)===window.history.go(n)

注:
<router-link :to=”/url”>
等同于调用
router.push(“/url”)

<router-link to=”/toPath” target=”_blank”> </router-link> 反对新页面关上

同步公布于本人的语雀
https://www.yuque.com/diracke…

正文完
 0