Vuejs: Event on route change

by

Setup a watcher on the $route in your component like this:

watch:{
    $route (to, from){
        this.show = false;
    }
}

This observes for route changes and when changed ,sets show to false

More Related Contents:

  1. Can we make vue.js application without .vue extension component and webpack?
  2. How to add external JS scripts to VueJS Components?
  3. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  4. Vue Router return 404 when revisit to the url
  5. How to import and use image in a Vue single file component?
  6. How to implement debounce in Vue2?
  7. Vuex – Do not mutate vuex store state outside mutation handlers
  8. Accessing Vuex state when defining Vue-Router routes
  9. Which command do I use to generate the build of a Vue app?
  10. vue-router — Uncaught (in promise) Error: Redirected from “/login” to “/” via a navigation guard
  11. Vue.js – How to remove hashbang #! from url?
  12. Mocking methods on a Vue instance during TDD
  13. Is it possible to emit from mounted in Vuejs?
  14. What is nextTick and what does it do in Vue.js?
  15. Passing props with programmatic navigation Vue.js
  16. Vue.js – update router view
  17. Laravel VueJs : `router-view` does not render the component
  18. How to make dynamic routes on the vue router?
  19. Detect Back Button in Navigation Guards of Vue-Router
  20. Pass an object as param to router.push ([email protected])
  21. Passing props to Vue.js components instantiated by Vue-router
  22. How to use microfrontends with Vue/Nuxt?
  23. Vuex – Computed property “name” was assigned to but it has no setter
  24. How to pass an object as props with vue router?
  25. VueJS: why is “this” undefined?
  26. How to call function on child component on parent events
  27. How to install jQuery into Nuxt.js?
  28. Can vue-router open a link in a new tab?
  29. Difference between v-model and v-bind on Vue.js?
  30. How to set a component non-reactive data in Vue 2?

Leave a Comment