I am in the .vue file:
export default {
name: "SomeName",
beforeRouteLeave(to, from, next) {
console.log(" beforeRouteLeave !", this)
},
beforeRouteEnter(to, from, next) {
console.log(" beforeRouteEnter !")
}
} but the guard beforeRouteEnter triggers while beforeRouteLeave does not trigger when entering the route. I wonder if my posture is not correct.
Environment: vue: 2.5.16 , Chrome65
after my experiment, I found that it was my fault.
in the route guard, you need to call next () to enter the route. Otherwise, if there is no next () in beforeRouteEnter , the content of the guard will be executed, but the route cannot be entered. The correct way to write it is
because you do not leave (next ()); after entering
, of course there is no chance to execute beforeRouteLeave again
Previous: Element-ui dynamic display menu
Next: Baidu mobile browser link Wechat weixin:// jump how to solve
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? ...