回覆列表
  • 1 # 答題小賁婺蚍砌

    方案一:

    getDescribe(id) {// 直接呼叫$router.push 實現攜帶引數的跳轉this.$router.push({path: `/describe/${id}`,})方案一,需要對應路由配置如下:{ path: "/describe/:id",name: "Describe",component: Describe}很顯然,需要在path中新增/:id來對應 $router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。this.$route.params.id

    方案二:

    父元件中:透過路由屬性中的name來確定匹配的路由,透過params來傳遞引數。this.$router.push({ name: "Describe", params: { id: id}})對應路由配置: 注意這裡不能使用:/id來傳遞引數了,因為父元件中,已經使用params來攜帶引數了。{ path: "/describe",name: "Describe",component: Describe}子元件中: 這樣來獲取引數this.$route.params.id

    方案三:

    父元件:使用path來匹配路由,然後透過query來傳遞引數這種情況下 query傳遞的引數會顯示在url後面?id=?this.$router.push({ path: "/describe", query: { id: id}})對應路由配置:{ path: "/describe",name: "Describe",component: Describe}對應子元件: 這樣來獲取引數this.$route.query.id這裡要特別注意 在子元件中 獲取引數的時候是$route.params 而不是$router 這很重要~~~更多專業的科普知識,歡迎關注我。如果喜歡我的回答,也請給我贊或轉發,你們的鼓勵,是支援我寫下去的動力,謝謝大家。

  • 中秋節和大豐收的關聯?
  • 亞洲盃後,恆大對四名國腳獎懲,三人受到表彰,馮瀟霆被下放預備隊。這事你怎麼看?