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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐