vue3的setup中怎么使用路由

最新推荐文章于 2026-04-04 12:47:41 发布

原创最新推荐文章于 2026-04-04 12:47:41 发布 · 6k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #vue.js

收录于

js 同时被 3 个专栏收录

4 篇文章

订阅专栏

javascript

2 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍了在Vue3的setup函数中如何使用路由的方法。通过使用getCurrentInstance获取当前实例上下文，进而通过$router.back()实现页面回退。此外，还展示了如何通过ctx.$root.$route获取路由对象信息。

vue3的setup中怎么使用路由

import {onMounted, getCurrentInstance } from "vue";
export default {
	setup() {
    	const { ctx } = getCurrentInstance();
    	function back(){
    		console.log(ctx.$root.$route)   //获取路由对象信息
			ctx.$router.back();
		}
		return {
			back
		}
	}
}