Как передать параметр для динамического маршрута?

Question

Мне нужно по нажатию перейти на следующую страницу, которая создается с динамическим маршрутом.Он получает идентификатор для маршрута из магазина Vuex.Когда я нажимаю, это дает этот URL

http://localhost:8080/worklist/%7Bname:'worklistDynamic',%20params:%7B%20id:sideSwiperItems[indx+1].id%7D%7D
 ---------------------------------------

вот мой код:

//html
.side-button-next(@click='switchPage()')
//function
--------------------------
switchPage() {
      this.$router.push(
        `{name:'worklistDynamic', params:{ id:this.sideSwiperItems[this.indx+1].id}}`,
      )
    },
--------------------------
computed: {
sideSwiperItems() {
  return this.$store.state.buildingData.sideSwiperItems
},
indx() {
  if (this.$store.state.buildingData.index === null) {
    return 0
  }
  return this.$store.state.buildingData.index
},

},

Answer 1

Попробуйте убрать пометки:

switchPage() {
  let path = { name: 'worklistDynamic', params: { id: this.sideSwiperItems[this.indx + 1].id } }

  // or you can write the full path with backticks and interpolation
  let path = `/worklistDynamic/${this.sideSwiperItems[this.indx + 1].id}`

  this.$router.push(path)
}