操作后重定向用户

Question

如果用户成功登录，我正在尝试实现重定向。我试图打电话给this.$router.push('/profile')，然后在登录后回拨，但是我收到一条错误消息，指出Error Cannot read properties of undefined (reading '$router')我不确定是否有新的流程来完成这项工作，因为我使用的是<script setup>语法的组合.我在线阅读了文档参考，但现在仍然没有看到任何关于如何进行此类导航的具体内容。如何使用新的 vue3 组合 API 实现这一点？看来我错过了什么。

Answer 1

如果您在脚本中使用setup()，则无法使用$router 访问路由器。 如果你使用 vue3，这段代码可以帮助你：

<script>
import { defineComponen } from 'vue'
import { useRouter } from 'vue-router'

export default defineComponent({
  setup() {
    const router = useRouter()
    function login() {
     router.push('/profile')
    }
    return {
      login
    }
  }
})
</script>