vue项目实现页面携带参数并跳转

首先，配置路由

  {
    path: '/Home',
    name:'Home',
    component: Home
  },

第一种方法：query方式（get传参）

 this.$router.push({path: '/Home',query:{ ddd:'332'}});  //用query方式传参，类似get方式，在浏览器中显示参数和值，path填写路由配置中的path路径

 

 console.log( "query", this.$route.query.ddd)

第二种方法：params方式（post传参） 

this.$router.push({name: 'Home',params:{ ddd:'444'}})//params方式类似post传参，name填写的是路由配置中的name

 console.log( "params", this.$route.params.ddd)