vue 路由传参

params

router-link 的 to 属性

 Home

//router配置
{
name:'Home'
path:'/Home/:id'
}

html  获取 $route.params.id
js  获取 this.route.params.id

编程式路由

一般由事件触发

this.$route.push({
   name:'Home',
    params:{      
       id:'你好’
      }
})

路由也需要配置

获取参数同上

query

router-link 的 to 属性

 Home

//router配置
{
name:'Home'
path:'/Home/:id'
}

html  获取 $route.params.id
js  获取 this.route.params.id

this.$route.push({
   name:'Home',
    query:{       
       id:'你好’
      }
})

个人记录