如何获取URL地址参数

在我们开发项目的过程中,路由携带参数、获取参数是非常常见的,那我们该怎么获取到参数呢?

1. 我们可以通过在项目中配置vue-router,从而来进行页面的跳转和获取对应的参数

    vue3中呢,我们需要先引入vue-router,从而才能使用

     import { useRouter } from 'vue-router';

     const router = useRouter(); // 通过router.push来进行页面跳转

    const route = useRoute();   // 通过route.query可以来获取参数

2.使用window.location.search或window.location.pathname来获取URL中的查询参数和路径

     const   queryParams =newURLSearchParams(window.location.search);

     const   paramValue = queryParams.get('param');// 此处param就是查询的参数名称

3.通过正则匹配来获取,在调用的时候输入参数的名称即可,如下图所示:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容