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}})

Vue-router

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.

Previous: Is the rollback of the transaction a failure of sql execution or will it be rolled back if the number of affected rows is 0?

Next: How to change the ua of jsdom in test file in jest

Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.
in router.js, because the breadcrumb component is used in multiple pages, the breadcrumb component is referenced by nested named views: { path: Manage , name: , component: function(res) { require([ .. components common layo...

Vue-router vue.js

Feb.26,2021
The processing of dynamic routing in vue single page mode
there is such a background system, which is divided into many systems and modules, which involves a lot of operation permissions, and each lander is assigned different permissions, so the operable menus and visible pages are also different. the previo...

Vue.js vue-router vuex element-ui javascript

Feb.27,2021
How does vue router output data values?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< title> < head> <body> <div id="app"> <h1>Hello App!< h1> <...

Vue.js vue-router

Feb.27,2021
After vue-router lazily loads the configuration, the page becomes a blank page for solution and guidance.
after vue-router lazy loading configuration, the page becomes blank this problem does not occur when lazy loading is not configured, when configuring lazy loading *const product = resolve => { require.ensure([ . pages product.vue ], () =>...

Webpack vue-router

Feb.27,2021
Vue routing Jump problem
if the current page is under , use < router-link: to= "{path: ,query: {category_id:item.id}} " > jump < router-link > to jump. In fact, the page has no jump effect, can it be processed as similar to the jump effect between different routes? ...

Vue-router vue.js

Feb.27,2021
After vuex uses module, the store.state. cannot be obtained from the beforeEnter in the routing file.
try to get store data in the route file, but the undefined vuexmodule modulestore is displayed. ...

Vue.js vuex vue-router

Feb.27,2021
Could you tell me how to use vue dynamic routing?
I looked at the official document and I didn t understand it. How should I write it in this.$router.push ( xx1 xx2 )? ...

Vue.js vue-router

Feb.28,2021
Vue-cli 's single-page application. After logging in, any page will be returned to the login page as soon as it is refreshed.
vue-cli s single-page application. After logging in, any page will be returned to the login page as soon as it is refreshed. how to refresh will not exit ...

Vue-router vue-cli

Feb.28,2021
The page opened by Wechat in the vue project is not the current page through the system browser.
Wechat pay in Alipay, complete the payment by opening the system browser. The project is built on vue. Instead of the current page being opened via safari, you are going to the root directory of the route. Not even history with mode. Dear gods, how to so...

Safari vue.js vue-router WeChat-Pay

Feb.28,2021
What should I do if the horizontal menu bar in the element-UI component loses focus and cannot be retracted automatically after the horizontal menu bar is expanded?
for example, after expanding like the following, click on the contents but the menu bar will not automatically withdraw what should be solved, thank you! the content below me is wrapped in router-view the code for the horizontal menu bar is as fo...

Vue-router element-ui

Feb.28,2021
The vue component is not cached, enter the page to initialize the picture long press event, enter the same component for the second time and cause the long press event to be triggered multiple times?
1. I initialize the long press event 2Router of the picture in mounted. ...

Vue-router vue.js

Feb.28,2021
Only the first view component can be displayed under the keep-alive tag in vue-router
the following is the part of the VueRouter definition: path: second goto , components :{ default:first, aview:goto, bview:goto2 } here are the components that contain the path second goto : <router-link to=" ...

Vue-router

Feb.28,2021
How to use vue-router, transition and keep-alive together in vue?
my routing switch has the effect of sliding left and right, so that s how I use it. < router-view> < transition> are two transition, one responsible for the animation of the keep-alive component and the other for the animation of the ...

Transition vue-router vue.js

Feb.28,2021
Vue child component, how to query the details according to the id, passed by the parent component and display it in the child component?
if I go to the background to query the details according to the id in the created method of the component, it can be displayed normally without reporting an error, but when the id value of the parent component is changed, it will not be again....

Vuex javascript vue-router vue.js

Feb.28,2021
How does the navigation guard of vue-router judge the value of cookies or vuex
first of all, before the user logs in, I want to determine whether the user is logged in according to the value stored in cookies or vuex. If cookies logs in, it will store the userId and userName fields. then, my vuex goes like this: import Vuex fro...

Cookies vuex vue-router

Feb.28,2021
Is there a way to pass the push parameters of Vue's router without showing the parameters in the url?
is there a way to pass parameters in router of Vue without displaying the parameters in url? http: localhost:8081 id=1&bandwidth=10&user&name=%E6%9C%8D%E5%8A%A1%E5%99%A81&desc=%E6%9C%8D%E5%8A%A1%E5%99%A81&cpu=1%E6%A0%B8&ram=2G...

Vue-router vue.js

Feb.28,2021
Asynchronously request data, according to the request data require component
I am working on a page customization function. The template is stored in the background database, so you need to pull the template id, from the background and then follow the template id require corresponding to the components in the directory. For exam...

Require async-request vue.js vue-router

Mar.01,2021
How does vue.js vue-router control sub-reason elements
who is proficient in vue, teach me how to control the elements of child routing. case is: two links title 1, title 2, click to display content 1, content 2; then, content 1 has two links: title 11, title 22, click title 11 to add a border to him, displa...

Vue-router

Mar.01,2021
When vue router switches pages, Catton: the current page pauses for a while before switching to the new page.
when vue router switches pages, there will be stutters: pauses on the current page (and scrolls to the top) before switching to the new page the address bar changes immediately. Back to the top is the configuration item of the route, indicating that ...

Vuex vue-router vue.js

Mar.01,2021
How to set the navigation menu requested from the background by vue-router?
the front end is built with vue-cli scaffolding, and the menu on the site is requested from the background and is an array object. I would like to ask you, how can the requested data be dynamically combined with vue-router? ...

Vue-router vue.js

Mar.01,2021