vue路由两种传参的区别

Posted 2021-01-06 zbx-boke

//定义路由
{
      path:"/detail",
      name:"detail",
      component:home
    }

//这种做法是错误的,这是query传参的方式
this.$router.push({
 path:"/detail",
 params:{
 name:‘nameValue‘,
 code:10011
 }
});
//这是正确的,这是params传参的方式
this.$router.push({
 name:"/detail",
 params:{
 name:‘nameValue‘,
 code:10011
 }
});

query:        //query传参在浏览器地址栏中显示参数//params在浏览器上隐藏参数

params: