如何使用 Vue 路由器將數據傳遞給另一個組件？

Question

目前，我有一個在頁面上呈現的組件，當我控制台記錄組件內的this.$router變量時，我看到完整路徑屬性等於 '/hello/reports?report=3849534583957' 和路徑屬性等於只是'/hello/reports/'。

在一個單獨的組件中，我試圖通過使用將數據傳遞給上面的組件

this.$router.push({path:`/hello/reports?report=3849534583957`, params: {data: 'hey'}})`

但是，當我嘗試查看 vue devtools 中的參數或通過控制台記錄this.$route.params.data時，它返回我未定義。

我相信我做的一切都是正確的，請幫助我了解我哪里出錯了。 我已經嘗試在 push 方法中只用常規路徑屬性的值替換完整路徑屬性的值。 謝謝

Answer 1

路由器參數 map 為路由器配置中設置的值。

const router = new VueRouter({
  routes: [{ path: '/user/:id', component: User }]
})

id是此路由的有效參數。