在 Vue 中重定向

在 Vue 中，我们可以使用this.$router.push()方法进行重定向。该方法接受一个字符串参数，指定路由的路径。

重定向到命名路由

如果要重定向到命名路由，可以传递路由的名称作为参数。例如，假设我们有一个名为home的路由，可以使用以下代码将用户重定向到该路由：

this.$router.push({ name: 'home' });

重定向到相对路径

在某些情况下，我们可能需要将用户重定向到当前路由的相对路径。为此，我们可以使用以下代码：

this.$router.push('../');

在这个例子中，我们将用户重定向到当前路由的上一级路由。

重定向到外部路由

如果要将用户重定向到外部网站，可以在$router.push()方法中传递完整的 URL。例如，要将用户重定向到 Google 的搜索界面，可以使用以下代码：

this.$router.push('https://www.google.com/search?q=vue');

重定向并显示查询参数

如果要将查询参数包含在重定向后的 URL 中，可以将查询参数作为第二个参数传递给$router.push()方法。例如，要将用户重定向到具有查询参数的路由，可以使用以下代码：

this.$router.push({ path: '/search', query: { q: 'vue' }});

结论

重定向在 Vue 应用程序中是非常常见的操作。使用$router.push()方法，我们可以轻松地将用户重定向到不同的路由和外部网站。