vue中跳轉頁面並傳遞參數

<router-link 
  :to="{
    path:'/yourpath',
    params:{
      key:'value'
    },
    query:{
      key:'value'
    }
  }"
></router-link>

path : path也可以用路由文件里面的name值，兩者都可以進行路由導航

params : 要傳遞的參數，參數可以直接 key:value的形式傳遞

query: 通過url來傳遞參數的，參數同樣可以使key:value形式傳遞

 

同樣可以通過 this.$router.push({

　　　　path:"/yourpath"})來進行路由的跳轉

他也可以傳遞參數 .

注意:   params  和  命名路由的name 一起使用   並且頁面刷新時參數也會消失

　　　query 和 路由地址 path 一起使用，頁面刷新不會丟掉參數

獲取參數使用   this.$route.params.參數名稱

　　　　　　　this.$route.query.參數名稱