vue路由回退
vue路由回退router.push()router.replace()router.go()实现回退最近用vue做app,要实现点击回退按钮返回上一页。首先先介绍一下router.push、router.replace和router.gorouter.push()想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点...
·
最近用vue做app,要实现点击回退按钮返回上一页。首先先介绍一下router.push、router.replace和router.go
router.push()
想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。
router.replace()
跟 router.push 很像,唯一的不同就是,它不会向 history 添加新记录,而是跟它的方法名一样 —— 替换掉当前的 history 记录。
router.go()
这个方法的参数是一个整数,意思是在 history 记录中向前或者后退多少步,类似 window.history.go(n)。
实现回退
if(window.history.length <= 1) {
// 提示不能跳转
} else {
// 返回上级路由
this.$router.go(-1)
}
更多推荐
已为社区贡献5条内容
所有评论(0)