Vue.js – update router view

by

This happens when you enter a route you are already on, and the component is not reloaded, even though the parameters are different. Change your router-view to:

<router-view :key="$route.fullPath" />

Vue tries to reuse components when possible, which is not what you want in this situation. The key attribute tells Vue to use a different instance of a component for each unique key rather than reusing one. Since the path is different for each set of parameters, that will make a good key.

More Related Contents:

  1. How to add external JS scripts to VueJS Components?
  2. Accessing Vuex state when defining Vue-Router routes
  3. Passing props with programmatic navigation Vue.js
  4. Detect Back Button in Navigation Guards of Vue-Router
  5. How to pass an object as props with vue router?
  6. Use arrow function in vue computed does not work
  7. How to use .env variables in Nuxt 2 or 3?
  8. Vue 2 – Mutating props vue-warn
  9. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  10. VueJS: why is “this” undefined?
  11. Make VueJS and jQuery play nice
  12. VueJs 2.0 emit event from grand child to his grand parent component
  13. Can I pass parameters in computed properties in Vue.Js
  14. How to watch store values from vuex?
  15. Vue – Deep watching an array of objects and calculating the change?
  16. How to call function on child component on parent events
  17. Passing props dynamically to dynamic component in VueJS
  18. Vuejs typescript this.$refs..value does not exist
  19. How to install jQuery into Nuxt.js?
  20. Can vue-router open a link in a new tab?
  21. Access vue instance/data inside filter method
  22. Parentheses while calling a method in Vue
  23. Vue template or render function not defined yet I am using neither?
  24. Global data with VueJs 2
  25. How to set a component non-reactive data in Vue 2?
  26. Importing javascript file for use within vue component
  27. How to limit iteration of elements in `v-for`
  28. When should I use Vuex?
  29. VueJS conditionally add an attribute for an element
  30. Vue.js – Add class to clicked button

Leave a Comment