在我們開(kāi)發(fā)項(xiàng)目的過(guò)程中，路由攜帶參數(shù)、獲取參數(shù)是非常常見(jiàn)的，那我們?cè)撛趺传@取到參數(shù)呢？

1. 我們可以通過(guò)在項(xiàng)目中配置vue-router，從而來(lái)進(jìn)行頁(yè)面的跳轉(zhuǎn)和獲取對(duì)應(yīng)的參數(shù)

????vue3中呢，我們需要先引入vue-router，從而才能使用

?????import { useRouter } from 'vue-router';

? ? ?const router = useRouter(); // 通過(guò)router.push來(lái)進(jìn)行頁(yè)面跳轉(zhuǎn)

? ? const route = useRoute();? ?// 通過(guò)route.query可以來(lái)獲取參數(shù)

2.使用window.location.search或window.location.pathname來(lái)獲取URL中的查詢(xún)參數(shù)和路徑

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

? ? ?const? ?paramValue = queryParams.get('param');// 此處param就是查詢(xún)的參數(shù)名稱(chēng)

3.通過(guò)正則匹配來(lái)獲取，在調(diào)用的時(shí)候輸入?yún)?shù)的名稱(chēng)即可，如下圖所示：