【问题标题】:How to redirect in Nuxt Vue application如何在 Nuxt Vue 应用程序中重定向
【发布时间】:2021-11-15 19:48:49
【问题描述】:

我在 Nuxt 应用程序中有一个删除操作。成功删除后,我需要将用户重定向到另一个页面。但是在 Nuxt router documentation 中,没有提到重定向。那么问题是如何在组件中做到这一点?

【问题讨论】:

  • 删除成功后this.$router.push(yourPath)有什么问题?
  • 不知道。可能吗?但我想使用命名路由而不是路径。如果路由名称是 Nuxt 生成的,如何查找?

标签: vue.js routes nuxt.js


【解决方案1】:

你完全可以使用任何一个

<nuxt-link :to="{ name: 'my-fancy-route' }">Go to</nuxt-link>

this.$router.push({ name: 'my-fancy-route' })

取决于您在此处尝试实现的目标。

此外,您的所有路线都可以使用 Vue 开发工具找到,请转到 Routing &gt; Routes,您将可以在那里看到它们。

有关更多信息,Nuxt 在幕后使用vue-router,因此可以参考这部分文档:https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

【讨论】:

    【解决方案2】:

    如前所述,您可以使用this.$router.push(yourPath) 重定向用户。您应该能够使用路由名称或显式路径来代替yourPath。如果不确定 Nuxt 生成的路由名称,可以在.nuxt/routes.json 中查看。

    请注意,Nuxt 使用 Vue 路由器,因此,如需更详细的文档,您可能需要read this

    【讨论】:

      猜你喜欢
      • 2019-01-09
      • 2020-01-11
      • 1970-01-01
      • 2021-10-21
      • 2021-06-05
      • 2020-03-30
      • 2018-10-03
      • 2021-10-21
      • 2021-07-06
      相关资源
      最近更新 更多