封裝方法 utils.js

//只執(zhí)行一次type就傳遞once
export function routeParams(queryParams, type = 'once') {
  const params = JSON.parse(localStorage.getItem('jumpParams'))
  if (params) {
    for (const key in params) {
      if (Object.hasOwnProperty.call(params, key)) {
        const element = params[key];
        queryParams[key] = element
      }
    }
  }
  if (type === 'once') {
    localStorage.removeItem('jumpParams')
  }
}

使用方法

全局注冊

import { onceRouteParams } from "@/utils/T_utils";
app.config.globalProperties.onceRouteParams = onceRouteParams; //傳遞參數(shù)只執(zhí)行一次

1.需要跳轉的頁面

 const params = {
    key: value
  }
  localStorage.setItem('jumpParams', JSON.stringify(params))
  router.push({ path: '路由'})

2.需要接收的頁面

 proxy.onceRouteParams(queryParams.value)