美文网首页Vue
Vue <路由返回遇到的坑>

Vue <路由返回遇到的坑>

作者: 誰在花里胡哨 | 来源:发表于2019-03-07 17:13 被阅读66次

1.this.$router.push()

描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。

2.this.$router.replace()

描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。

(1,2)是在处理用户登录时遇到的坑,比如一个用户未登录,首页可以看到内容,当他点击其他页面时就会直接跳转登录页面,这时候尽量用 this.$router.replace() 进行判断跳转路由,防止用户后退不出来

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

相关文章

网友评论

    本文标题:Vue <路由返回遇到的坑>

    本文链接:https://www.haomeiwen.com/subject/kchhpqtx.html