码迷,mamicode.com
首页 > 其他好文 > 详细

路由传参

时间:2020-04-09 12:14:50      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:code   block   pat   ams   details   router   ram   接收   get   

1、params(相当于post)

(1)只能用name,不能用path

(2)参数不显示在路径上

(3)刷新页面参数会被清空

传递参数:

this.$router.push({

?    name:‘details‘,

?    params:{

?        number:123,

?        name:‘product‘

?    }

});

接收参数:

let p=this.$route.params;
2、query(相当于get)

(1)既可以用name,也可以用path

(2)参数显示在路径上,刷新不会被清空

传递参数:

this.$router.push({

    path:‘/details‘,
    
    query:{
    
        number:123,
    
        name:‘product‘
    
    }

});

接收参数:

let q=this.$route.query;

 

路由传参

标签:code   block   pat   ams   details   router   ram   接收   get   

原文地址:https://www.cnblogs.com/annie211/p/12665963.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!