在我们开发项目的过程中,路由携带参数、获取参数是非常常见的,那我们该怎么获取到参数呢?
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.通过正则匹配来获取,在调用的时候输入参数的名称即可,如下图所示: