vue中的路由的跳转的参数

vue中的路由跳转传参

params 与 query

this.$router.push({

   name:"detail",

   params:{

    name:'nameValue',

    code:10011

 }

});

this.$router.push({

  path:'../../地址',

  query:{

    要传递的属性名:属性值
　　phone:phone

 }

})
this.phone = this.$route.query.phone 接收     注意this的指向以及在data声明一下

1、用法上的

　　刚才已经说了，query要用path来引入，params要用name来引入，接收参数都是类似的，分别是this.$route.query.name和this.$route.params.name。

注意接收参数的时候，已经是$route而不是$router了哦！！

2、展示上的

　　query更加类似于我们ajax中get传参，params则类似于post，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示

巴特西

vue中的路由的跳转的参数

最新文章

热门文章