Vue3中路由跳转的语法


在Vue3的项目中,我想进行路由跳转,于是使用

this.$router.push("/lowcode/project/codeManagement")

报Cannot read property '$router' of undefined错误。

原来该语法只能用于method中,而我是在setup函数中进行路由跳转的。

解决方法为:

1.导入useRouter函数

import { useRouter } from "vue-router";

2.在进入setup函数时执行

const router = useRouter()

3.在setup函数中进行路由跳转

router.push('/lowcode/project/codeManagement')

即可。

 

vue