vue3关于路由query传参

最新推荐文章于 2024-08-17 08:30:12 发布

知否灬知否

最新推荐文章于 2024-08-17 08:30:12 发布

阅读量3.2k

点赞数 7

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/weixin_51958206/article/details/119677624

版权

VUE 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文详细讲解了如何在Vue应用中使用`useRouter`从vue-router导入路由对象进行路径跳转，并通过`useRoute`接收查询参数。重点介绍了传参和接收的区别，适合理解Vue路由API的开发者阅读。

摘要由CSDN通过智能技术生成

传参
import { useRouter } from "vue-router"; 
const router = useRouter();
router.push({ path: "/Detail", query: { id:"123" } }); 
接受
import { useRoute } from "vue-router";
const route = useRoute();
console.log(route.query.id);

注意：
需要引入路由，在setup()创建对象，再使用，区分引入路由不同
传参是router, 引入useRouter
接收参数是route, 引入useRoute