vue路由器实现编程导航的代码示例

除了使用router-link创建一个标签来定义导航链接，我们还可以使用router的实例方法通过编写代码来实现这一点。也就是说，导航链接是通过js动态执行的。

首先是这个。$router.push()

router.push(位置，onComplete？奥纳波特？)

注意：在Vue实例内部，您可以通过$router访问路由实例。所以你可以称之为。$router.push。

要导航到不同的网址，请使用router.push方法。这个方法将向历史堆栈中添加一条新记录，因此当用户单击浏览器后退按钮时，他将返回到上一个网址。

当您单击路由器链接时，将在内部调用此方法，因此单击路由器链接：=' . '相当于呼叫路由器。push(.).

效果：

第二，这个。$路由器。替换()；用法和这个一样。$router.replace()

路由器。更换(位置，完整吗？奥纳波特？)

它类似于router.push，只是它没有向历史记录(地址栏中)添加新记录，而是用其方法名——替换当前历史记录。

第三，这个。$router.go()

总结：

router.push(位置)

要导航到不同的网址，请使用router.push方法。这个方法将向历史堆栈中添加一条新记录，因此当用户单击浏览器后退按钮时，他将返回到上一个网址。

路由器.更换(位置)

它类似于router.push，只是它没有向历史记录中添加新记录，而是用其方法名——替换当前历史记录。

router.go(n)

这个方法的参数是一个整数，这意味着在历史记录中向前或向后多少步，类似于window.history.go(n)

如果有任何不足，请给我你的建议！希望给大家带来帮助！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接