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 route has taken effect. The preliminary judgment is that the rendering of the target page is relatively slow, resulting in stutters in the screen. Does anyone know how to solve this problem?
the outermost layer is laid out at 100%, followed by a scroll
overflow: scroll;
-webkit-overflow-scrolling: touch;so that you don't roll to the top during route switching
you can refer to vux's demo homepage
https://github.com/airyland/v.
has it been solved? Did I have the same problem?
keep-alive caches the current page
https://www.zhihu.com/questio.
you can use keep-alive to cache data with its two hook functions activated. If you want to get the data back, you have to write created
House owner in this function. Have you solved it?
add or remove mode from the router-view tag
I also encountered this problem, and then in the meta of index.html, I added the prohibition of zooming, which is fine, but the principle in it is still unknown
I also encountered the same problem. After debug for a long time, I found that an interface was requested in the router.beforeEach hook (getting user info), stutter is caused by the request time of this interface, so I ok it with one request
).has nothing to do with keep-alive
you should use lazy loading, click to load the page, there will be a certain delay, you can use asynchronous components to solve. ide/components-dynamic-async.html" rel=" nofollow noreferrer "> https://cn.vuejs.org/v2/guide.
Previous: How to extract session from redis in laravel5.5
Next: How to set the navigation menu requested from the background by vue-router?
if you can t understand the meaning of the title, then look at the picture . the top yellow part is the public part in app.vue the red part is vue-router green < router-view > part what I need to implement now is when I click on the red navigat...
get the value returned by the backend after logging in, vuex vue-router and then report an error Cannot convert undefined or null to object,. How to solve this problem ...
there is an initial data interface from 1 to 4, and the subsequent navigation data is obtained from the database; and the first-level routes are directed to the first by default; when I click 1, the route to 4 is displayed. Ask for a simple demo or som...
vuex: import axios from axios ; import ip, {token} from . ip ; import store from @ store ; console.log(store); storeundefined import Store from @ utils store ; cookie axios.defaults.withCredentials = false; axios .interceptor...
Logic generally means that users generate routing tables through user token and generate new routes through addRoute, but get user information through token. Refreshing the page will execute router.beforeEach many times, resulting in multiple visits ...
Route with parameter jump, intercepted by 404 Route Jump Code to: { path: report detail , query: { id: row.deviceId, cid: _t.selectedCompany.companyId ...
when I first came into contact with vue, development, I found that this warning error will appear no matter where I click on the project page. I don t know if I have ever met anyone who made this error. Ask God for advice ...
as there are more and more routes, more and more components are introduced into router.js, and each particular page corresponds to a different component. is this a reasonable way to write? It feels weird ...
how do I declare a global variable in a project generated by vue-cli? My personal understanding is that main.js is an entry file and App.vue is a root-level component. If a variable is declared here, webpack will be packaged recursively. But why can t t...
for example, after the phone is bound, the status of the page should be updated. What is the specific method? ...
if the question passes import store from @ store store.js ...
there is a background management system routing nesting relationship: app.vue > a.vue > b.vue I want to do this: send a request to verify the validity of token in app.vue send a data request in a b, and the parameters of the data request depend o...
vue has the following route nesting: > app.vue > a.vue > b.vue app.vue is the ingress, an is a level 2 route, and b is a child of a when accessing the b route, the request written in an and some column hook events will be called repeatedly. What ...
has the following routes app.vue > a.vue > b.vue a.vue is a full-screen content b.vue is also a full-screen content, and less parts are shared with a, so you can ignore router-view at the bottom of a.vue . when a-> b, the content of an is above th...