vuejs3 - Vue3 使用脚本设置，如何访问 this.$router.push()

Question

我是 Vue3 的新手，正在为一些示例而苦苦挣扎。我有一个简单的登录组件，它应该重定向到另一个页面，但不是。

这是我的模板:

这是我的脚本:

问题在于 this.$router 不可用，因为 this 未定义。我能找到的所有示例都使用此编码模式，但据我所知，此变量在脚本设置编码模式中未定义。有什么选择？

谢谢。

Answer 1

首先从 vue-router 导入 useRouter 可组合，然后使用 router 访问 method。

import { useRouter } from 'vue-router';
const router = useRouter()

function login() { 
  router.push({ path: 'your-path-here' })
}

这相当于 Options API 的 this.$router.push。