Passing props with programmatic navigation Vue.js

by

Use params.

this.$router.push({ name: 'foo', params: {title: 'test title' }})

Note: You have to specify name. This does not work if you call this.$router.push using path.

And set the route to accept params as props.

{path: "/foo", name:"foo", component: FooComponent,  props: true}

props: true is documented here.

More Related Contents:

  1. How to add external JS scripts to VueJS Components?
  2. Accessing Vuex state when defining Vue-Router routes
  3. Vue.js – update router view
  4. Detect Back Button in Navigation Guards of Vue-Router
  5. How to pass an object as props with vue router?
  6. Vue.js dynamic images not working
  7. Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered
  8. Vuex state on page refresh
  9. Vuejs and Vue.set(), update array
  10. [Vue warn]: Property or method is not defined on the instance but referenced during render
  11. How to watch store values from vuex?
  12. NavigationDuplicated Navigating to current location (“/search”) is not allowed
  13. How to listen for ‘props’ changes
  14. Vue JS: Difference of data() { return {} } vs data:() => ({ })
  15. Vue.js: Conditional class style binding
  16. Is there any way to ‘watch’ for localstorage in Vuejs?
  17. how to fix ‘Access to XMLHttpRequest has been blocked by CORS policy’ Redirect is not allowed for a preflight request only one route
  18. VueJS/Typescript – Cannot find module ‘./components/Navigation’ or its corresponding type declarations
  19. How can I get query parameters from a URL in Vue.js?
  20. Vue v-on:click does not work on component
  21. Methods vs Computed in Vue
  22. What is ?
  23. How to set a component non-reactive data in Vue 2?
  24. How to use Vuetify tabs with vue-router
  25. Force download GET request using axios
  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