vue向路由組件傳遞props


父子間的組件通訊是通過props和$emit來實現的,那么路由之間的通訊呢,往下看:

我現在再webpack里面有一個這樣的結構,

我現在想test1里面的按鈕點擊跳轉到test2里面,獲得到test1傳遞過來的id和age,

路由我們可以這么寫:

{
      path: "/test2/:id/:age",
      component:test2,
      // props:{id:"fang",age:18}
      props:true
    }

  test1.vue:

test2.vue:

 

效果:

 

本人寫的比較簡單一些,具體可以看一下官方的文檔說明,不會的一起交流一下


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM