Let me ask you a question: why is the first picture better than the second picture for nested routes? But our paths are all the same.
that is, the first one jumps to the "activity list" with the parameter redirect. And the second is directly we can write the path to get there.
redirect is a redirect. Either you say the advantage is that the nested routing structure that is not limited to configuration does not write the same thing. It is not quite clear. Although I am used to the first way of writing, I do not feel which is relatively excellent. The function of
redirect is for example, if the route is / a _ redirect b and / a redirects to / a _ a _ b, then you will automatically jump to / a _ max b when you visit / a.
there is no empty path in the first write subroute, so using redirection can avoid child route blanks accessing'/ a'. (in addition, if there is a child route, you also have the name attribute, which should trigger a warning. Pay attention to the console.)
the second way of writing, you add the slash / to the origin of the child route, and there is no problem, but it is best to put the parent route in the public part.
as shown in the figure, are there any ideas or ready-made plug-ins? elementUI looked at it and found that it could not support dynamic component switching. ...
it s too inelegant and difficult to maintain all routes written in front-end code. If you want to store all the routing information in the database, use the back-end return data to dynamically generate the front-end route. example code is as follows:...
I know about mode history. I m asking how to get to the characters before the pound sign in hash mode. how to clean up useless characters, such as those before the-sharp sign, after modifying the address bar, and how to exclude paths that are not ...
main.js router.js ...
export function createRouter () { return new Router({ mode: history , scrollBehavior: () => ({ y: 0 }), routes }) } didn t you understand when you read the document? Test by yourself, after removing the mode root route, you will ...
url beforeRouterEnter next vm.data.... , ...
permission control is involved in actual development how to dynamically add child routes, can addRoutes achieve ...
is what this so-called exact match means. ...
problem description when vue-router switches routes under iphone5 ios8, the dom nodes of the previous page still exist , but it is ok under iphone5s ios8. destroyed methods are all executed I m not sure how this problem arises. second addition: ...
do a background management system, the left side is the directory, the project does not report errors, click on a specific directory (only that one), the page does not jump and get stuck, and collapse after a period of time the fallback code has been ...
as shown in the figure, the directory structure is generally .html files, how to configure route redirection? Now the project is written in es5, seniors give me a comment or demo, thank you very much ^ _ ^ Jq const router = new VueRouter({ mode: ...
the main.js file is as follows. There is no problem with the loaded image path import Vue from vue import App from . App import ElementUI from element-ui ; import VueLazyload from vue-lazyload import Vuex from . vuex store import ....
for example, how to render name and age in data to homepage template? < hr > var vm = new Vue({ el: -sharpapp , router,data: { name: "A", age: 20,link:"" } }); const router = new VueRouter({ routes: [ {path: , c...
< H1 > there was a problem using vue-router as a navigation bar < H1 > < H2 > the navigation bar looks something like this < H2 > user user-profile rootePath topic topic-new < H2 > We are sure that we did assign a value to rootePath i...
as shown in the figure below, because more code omits the path of other router-link,to, not just the root path , the router-view here does not jump when I click on router-link. This footer is the bottom suspension bar of position:fixed modify the p...
<div class="news_title"> <ul> <li v-for="(item,index) in newsLi" :class="{ news_active :index === newsIndex}" @click="news_title(index)" :type1="index">{{i...