vue-router 通过路由传值

1.通过地址栏传递：这种方式传递的值会显示在地址栏上

    

    //1.router

    {

      path: 'hospitalDeliveryAddress/:id',

      name: 'hospitalDeliveryAddress',

      meta:{title: '医院收货地址编辑', hidden: true},

      component: () => import ('src/pages/contract/datamanagement/hospital/deliveryAddress')

    },

    //2.跳转（在其他页面跳转到1的路由，id为通过路由传的值）

    this.$router.push("/contract/datamanagement/hospitalDeliveryAddress/" + id);

    //3.接收值（在deliveryAddress页面通过路由接收传过来的值）

    this.$route.params.id 

2.通过param传值，此种方式，值不会显示在地址栏中，相对安全

//1.router

{

  path: 'factoryChooseSender',

  name: 'factoryChooseSender',

  meta:{title: '生产企业选择配送--选择配送页面',hidden: true},

  component: () => import ('src/pages/contract/sender/manufactureSelectSender/factoryChooseSender')

},

//2.传值(name为1中的name，MyproductId为传的值，productId为key)

    this.$router.push({name:'factoryChooseSender',params:{productId:MyproductId}});

//3.接收值

    this.$route.params.productId