如何在 Nuxt Vue 应用程序中重定向
How to redirect in Nuxt Vue application
我在 Nuxt 应用程序中有一个删除操作。成功删除后，我需要将用户重定向到另一个页面。但是在 Nuxt router documentation 中，并没有提到重定向。那么问题是如何在组件中做到这一点？
如前所述，您可以使用 this.$router.push(yourPath) 重定向用户。您应该能够使用路由名称或显式路径代替 yourPath。如果您不确定 Nuxt 生成的路由名称，可以在 .nuxt/routes.json.
中查看它们
请注意，Nuxt 使用 Vue 路由器，因此，如需更详细的文档，您可能需要 read this。
你完全可以使用任何一个
<nuxt-link :to="{ name: 'my-fancy-route' }">Go to</nuxt-link>
或
this.$router.push({ name: 'my-fancy-route' })
取决于您要在此处实现的目标。
此外，您的所有路由都可以使用 Vue devtools 找到，转到 Routing > Routes，您将能够在那里看到它们。
有关更多信息，Nuxt 正在幕后使用 vue-router，因此最好参考文档的这一部分：https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort
我在 Nuxt 应用程序中有一个删除操作。成功删除后，我需要将用户重定向到另一个页面。但是在 Nuxt router documentation 中，并没有提到重定向。那么问题是如何在组件中做到这一点？
如前所述，您可以使用 this.$router.push(yourPath) 重定向用户。您应该能够使用路由名称或显式路径代替 yourPath。如果您不确定 Nuxt 生成的路由名称，可以在 .nuxt/routes.json.
请注意，Nuxt 使用 Vue 路由器，因此，如需更详细的文档，您可能需要 read this。
你完全可以使用任何一个
<nuxt-link :to="{ name: 'my-fancy-route' }">Go to</nuxt-link>
或
this.$router.push({ name: 'my-fancy-route' })
取决于您要在此处实现的目标。
此外，您的所有路由都可以使用 Vue devtools 找到，转到 Routing > Routes，您将能够在那里看到它们。
有关更多信息，Nuxt 正在幕后使用 vue-router，因此最好参考文档的这一部分：https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort