VUE跳转页面传值 地址栏显示参数或者不显示地址栏参数

添加路由
{
     path: '/Qyqxhx',
     component: Qyqxhx,
     name: 'Qyqxhx',
     meta: {
       title: '页面名称'
     }
   },

params 传参 : 相当于post请求，页面跳转时参数不会在地址栏中显示

this.$router.push({

name:'Qyqxhx',

params: { id: pripid }

})

接收参数：this.$route.params.id

 

解决params刷新参数丢失问题

query 传参 : 相当于get请求，页面跳转时参数会在地址栏中显示

this.$router.push({

name:'Qyqxhx',

query: { id: pripid }

})

接收参数：this.$route.query.id

注意：传参是 router ， 接收参数是 route