vue页面传递参数（常用方法二）

最常用的方式A页面跳转到B页面，传递参数（id和code）

A页面触发跳转事件

this.$router.push({
    name: "ProInsur",//ProInsur路由的name值
    params: {
        id: xxx,
        Code:xxx 
    }
});
           

B页面接收参数

id：this.$route.params.id,
 code: this.$route.params.Code
           

通过query和params的区别：

用法上：

query 要用 path 来引入，params 要用 name 来引入，接收参数都是类似的，分别是this. r o u t e . q u e r y . i d 和 t h i s . route.query.id 和this. route.query.id和this.route.params.id。注意接收参数的时候，已经是 r o u t e 而 不 是 route 而不是 route而不是router 了哦！！

展示上：

query 更加类似于我们 ajax 中 get 传参，params 则类似于 post；即通过query方式在浏览器地址栏中显示参数，通过params则不显示；所以两者不能同时使用