美文网首页
VUE路由传参和接收

VUE路由传参和接收

作者: 小碗吃不了 | 来源:发表于2019-11-22 15:26 被阅读0次
  • params 与 query传参,query要用path来引入,params要用name来引入

     //params传参
     this.$router.push({
            name:"detail",
            params:{
            name:'nameValue',
            code:10011
         }
      });     
    //query传参
    this.$router.push({
       path:"detail",
       query:{
       name:'nameValue',
       code:10011
     }
    });
    
  • 路由接收参数

     this.$route.query.name //query接收参数
     this.$route.params.name//parmas接收参数
    
  • 结语
    query更加类似于我们ajax中get传参,params则类似于post,简单一点,前者在浏览器地址栏中显示参数,后者则不显示

相关文章

网友评论

      本文标题:VUE路由传参和接收

      本文链接:https://www.haomeiwen.com/subject/nuuguctx.html