Vue3里的setup中如何使用this.$router.push等路由方法

问题： Vue3里的setup中如何使用this.$router.push等路由方法描述：在Vue2项目中可以使用this.$router.push等方法进行路由的跳转，但是在Vue3的setup函数里，并没有this这个概念，因此如何使用路由方法解决：在新的vue-router里面尤大加入了一些方法，比如这里代替this的useRouter，具体使用如下：//引入路由函数import { u

Oliver尹

23624人浏览 · 2021-02-19 17:53:08

Oliver尹 · 2021-02-19 17:53:08 发布

问题： Vue3里的setup中如何使用this.$router.push等路由方法

描述： 在Vue2项目中可以使用this.$router.push等方法进行路由的跳转，但是在Vue3的setup函数里，并没有this这个概念，因此如何使用路由方法

解决： 在新的vue-router里面尤大加入了一些方法，比如这里代替this的useRouter，具体使用如下：

//引入路由函数
import { useRouter } from "vue-router";

//使用
setup() {
    //初始化路由
    const router = useRouter();
    router.push({
        path: "/"
    });
    
    return {};
}