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 automatically add-sharp/
eg: http://localhost:8080/-sharp/ http://localhost:8080/-sharp/index
excuse me why this is and what this scrollBehavior means.
Don't use the framework without any basic knowledge, don't start with the framework without any basic knowledge, don't start with the framework without any basic knowledge.
suggest yourself Google: "front-end routing"
history mode does not carry -sharp , and we don't know what went wrong in the current code. where do you want to navigate when switching routes
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return
}
})can be done directly with Baidu. Some of the documents are esoteric, which probably means that remove the-sharp after url and take the top of the page to the visible area
vur-router defaults to hash mode, so if you remove the mode:'history', route, you will use hash mode, so you will take-sharp;. If mode is set to history mode, the official website of
which uses history.pushState () to jump to url without refreshing the page is described in detail: ide/essentials/history-mode.html" rel=" nofollow noreferrer "> https://router.vuejs.org/zh/g.
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 ...
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...
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...