Vue3 路由传参与接收参数

最新推荐文章于 2024-07-25 18:15:00 发布

程序员鱼丸

最新推荐文章于 2024-07-25 18:15:00 发布

阅读量1w

点赞数 4

分类专栏：前端笔记文章标签： vue route

本文链接：https://blog.csdn.net/Fine_Cui/article/details/119136170

版权

前端笔记专栏收录该内容

10 篇文章 2 订阅

订阅专栏

传参

import { useRouter } from 'vue-router';
setup() {
	//实例化路由
   	const router = useRouter();
   	function changeRoute(id: string) {
        //路由跳转带参数
        router.push({
          path: '/tenantLease/add',
          query: {
            id: id,
          },
        });
   }
}

接收参数

import { nMounted } from 'vue';
import { useRoute } from 'vue-router';
setup() {
	const Route = useRoute(); //获取到值
	onMounted(() => {
       console.log("获取到的参数", Route.query.id);
   });
}