- permission control is involved in actual development
- how to dynamically add child routes, can addRoutes achieve
const User = {
template: '<div>User</div>'
}
const router = new VueRouter({
routes: [
//
{ path: '/user/:id', component: User }
]
})controlled by dynamic parameters. ide/essentials/dynamic-matching.html-sharp%E5%8A%A8%E6%80%81%E8%B7%AF%E7%94%B1%E5%8C%B9%E9%85%8D" rel=" nofollow noreferrer "> from the official website
you probably want to know how to implement front-end authentication. In fact, routing tables are defined and added in real time on the status tree. Without permissions, this route is not added. Permissions and specific menu directories need to obtain data from backend APIs. You can take a look at this article
https://www.jianshu.com/p/3ea.
you can also use beforeEach and afterEach
ide/advanced/navigation-guards.html-sharp%E5%85%A8%E5%B1%80%E5%AE%88%E5%8D%AB" rel=" nofollow noreferrer "> official documents
provides you with an idea reference: you don't need to add routes dynamically at all. All routes have been added, and the display menu can be ok with the interface
get the configuration array of existing routes through vm.$router.options.routes. Then find the corresponding configuration item to which you want to add a child route for the array operation (suppose it is named: mainRoute).
let children = mainRoute.children || [];
children.push({
path: xxx,
name: xxx,
component: xxx
});
mainRoute.children = children;
vm.$router.addRoutes([mainRoute]);Previous: [JAVA rookie] ask the question about whether JAVA must have main method.
Next: Php? cannot be resolved when apache2 configures second-level domain name resolution
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.... , ...
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...
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 w...
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...