quasar: Drawer links not working in history mode
Hello, v0.8 is great. But quasar-drawer-link are not working within the drawer when the router is in history mode. With quasar dev as well as with Firebase hosting (with SPA rewrites to /index.html). Also $router.push(...) are not working within the drawer. Direct router-link from a “view” are working.
You can see all this by cloning this example repo: https://github.com/laurentpayot/quasar-layout-spa
Am I doing something wrong?
About this issue
- Original URL
- State: closed
- Created 8 years ago
- Reactions: 1
- Comments: 18 (15 by maintainers)
Ok, a fix is on the way. Testing it from all angles.
Haven’t investigated yet, but I bet that it’s because drawer close event should be triggered before router-link (subcomponent of drawer-link) changes route. This happens in hash mode but router link Vue implementation breaks this when on history mode. It should have been implemented more consistently. Closing the drawer goes back one step in window history (we need this to be able to close drawer with back button). I’ll see for a workaround. Thanks for your feedback all!
I’m having the same issue in my browser app. When the drawer is expanded, the router-links are behaving as expected, but when the drawer is in responsive (collapsible) mode, it is impossible to change the component in the nested view. It seems like the link fires, but then immediately changes back when the sidebar goes back to collapsed mode.