Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue 2 router scrollBehavior not working for layout views

See original GitHub issue

In history mode, Vue 2 router scrollBehavior is only working for “top” components not using layout.

@rstoenescu should I open an issue about scrollBehavior and nested routes directly on vue-router or do you think it’s on the Quasar side?

Issue Analytics

State:
Created 7 years ago
Comments:15 (14 by maintainers)

Top GitHub Comments

2reactions

rstoenescucommented, Nov 3, 2016

You will be able to use history mode for websites only though. I’ll write a directive for the scroll behavior which will work in both history and hash mode.

1reaction

rstoenescucommented, Nov 3, 2016

Check it now. Commit: https://github.com/quasarframework/app-template-v2/commit/6d3980fdef99618ea609a1cc57867fdc570a2899

Top Results From Across the Web

Scroll behaviour VueJS not working properly - Stack Overflow

scrollBehavior happens at the same time. The anchor is not found, so no scrolling; Transition is over, <router-view> correctly mounted/rendered.

Scroll Behavior | Vue Router

When using client-side routing, we may want to scroll to top when navigating to a new route, or preserve the scrolling position of...

Getting Started - Vue Router

Creating a Single-page Application with Vue + Vue Router feels natural: with Vue.js, ... router-view will display the component that corresponds to the...

Nested Routes | Vue Router

With Vue Router, you can express this relationship using nested route ... will be rendered inside User 's router-view , because no nested...

Named Views - Vue Router

Sometimes you need to display multiple views at the same time instead of nesting them, e.g. creating a layout with a sidebar view...