Close navigation drawer when clicking on link to route that is currently open

[joshas]

To make my application work more in line with other native Android applications, I would like to close navigation drawer when currently active route is clicked. Is there any elegant way to achieve it, without adding onClick handlers on each route?

[joshas]

Solution:

• Add disable-route-watcher prop to Drawer, to disable automatic hiding on route change.
• Add following code to parent component to handle watching route and closing drawer, when in mobile mode:

mounted() {
    this.$router.afterEach(() => {
      if (this.$vuetify.display.mobile) {
        this.drawer = false;
      }
    });
  },