Today, I stepped on a big hole in the difference between $route.params and $route.query.
when entering the list page, it appears as follows:
it is obvious that the location where the arrow points is not highlighted in the first picture. Why?
? I don"t know if other friends have stepped on this place. Please leave a message here
.well, the problem was solved quickly with the help of colleagues;
-split line-
consider the question: under what circumstances should a highlight appear at the bottom of the tab tab?
after looking at the data, the sentence is given: when the destination route is successfully activated, the link element automatically sets a CSS class name that represents the activation. Thus, the problem occurs because the destination route is not successfully activated
the destination route should actually look like this:
?accesstoken=1234
:
:
well, the highlight at the bottom of the tab tab will display normally again!
think about the question: why does changing query to params make the route display correctly? It depends on the difference between $route.params and $route.query
what they have in common: are all for passing parameters when the interface jumps
differences:
(1) receive parameters,
query and route are this.$route.params.accesstoken, this.$route.params.accesstoken,. Note: $route instead of $router.
(2) display in the browser address bar
use the query parameter to display in the browser address bar, but when using params, the parameter will not be displayed in the address bar. It can be understood that query is more like the get method in ajax, while params is more similar to the post method
-split line-
but,
when we use the post-params, we can only get the token, to refresh the page for the first time or never get the token after the page jumps.
what is the reason?
originally: when you use params to pass parameters, when you jump to another page or refresh the page, the parameters will be lost
solution?
cookie, vuex
there are many typos.
I remember that the page is gone as soon as the parameters are passed through params, and the refresh after the url is displayed through query will not affect
the difference between the parameter names of path on your route and those passed by params
the corresponding route in router.js is set as follows, so that there is no parameter loss after refresh
path: 'equipment/:id',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...
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...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< title> < head> <body> <div id="app"> <h1>Hello App!< h1> <...
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 ], () =>...
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? ...
try to get store data in the route file, but the undefined vuexmodule modulestore is displayed. ...
I looked at the official document and I didn t understand it. How should I write it in this.$router.push ( xx1 xx2 )? ...
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 ...
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...
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...
1. I initialize the long press event 2Router of the picture in mounted. ...
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=" ...
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 ...
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....
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...
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...
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...
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...
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 ...
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? ...