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.参数名称