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

问题: 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 {
     };
}

你可能感兴趣的:(前端开发问题整理,vue,vue3,vue-router,router.push,useRouter)