Vue router parameter transfer

Hello, everyone. I would like to ask you a question about routing parameters:

scenario: component A has a form form with many fields. I click search to jump to component B and request data based on the data.

what I do: in the past, when there were few fields, I would set them one by one with something like path:/search/:id/:keywords , or if there were multiple fields, I would store the data in sessionStorage, and then go to component B to get the sessionStorage. Vuex is not used because refresh page data will be lost.

is there a better way to do this when there are many fields?

do you use router.push ({path: "search", query: {form: form data}})

Apr.18,2022

is too complex and too large for parameters to be routed, and this problem has been bothering me for a long time.
because router lives on the address bar, too large parameters cannot be put into the address bar, and those that are too complex are even more hopeless.
I also saved it in sessionStorage or localStorage and couldn't find a better way.
in addition to sessionStorage or localStorage, there is also indexedDB, but it doesn't fit the scene.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf3264-46e97.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf3264-46e97.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?