传参优化

src/App.vue

@@ -2,6 +2,9 @@
    <router-view />
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { initQueryParams } from "@/queryParams"
+initQueryParams()
+</script>
 
 <style lang="scss"></style>

src/queryParams/index.ts

@@ -1,14 +1,24 @@
 import { reactive } from "vue"
-import router from "@/router"
 
 /** 维护其他系统过来的特殊字段  这里用来记录，以免其他系统传过来的参数混乱 不好维护 */
 export type queryParamsType = {}
 const queryParams = reactive<queryParamsType>({})
 
 export function initQueryParams() {
-   const query = router.currentRoute.value.query
-   console.log(query)
+   const paramsFromUrl = getParamsFromUrl()
+   if (paramsFromUrl) {
+      const a = paramsFromUrl.get("a")
+      console.log(typeof a, 2333)
+   }
    console.log(queryParams, "携带参数")
 }
 
+function getParamsFromUrl() {
+   const fullUrl = window.location.href
+   const queryIndex = fullUrl.indexOf("?")
+   if (queryIndex === -1) return undefined
+   const queryString = fullUrl.slice(queryIndex + 1)
+   const params = new URLSearchParams(queryString)
+   return params
+}
 export default queryParams