编程式导航传参

如果路由跳转使用path，必须使用query方式传参，如果使用name跳转，query和params都可以传参，建议使用query方式传参，query方式传参，参数在地址栏，当刷新页面后，参数还可以通过地址栏获取。

1. path跳转，query传参

this.$router.push({
    
    
     path : '/main',
     query : {
    
    
         userName : this.ruleForm.name
    }
 })
 跳转到的页面：
{
    
    {
    
    this.$route.query.userName}}

2. name跳转，query传参

this.$router.push({
    
    
	name : 'Goodslist',
    query :{
    
    
         kw :item
    }
})
跳转到的页面：
{
    
    {
    
    this.$route.query.kw}}

3. name跳转，params传参

this.$router.push({
    
    
	name : 'Goodslist',
    params : {
    
    
         kw : item
    }
})
跳转到的页面：
{
    
    {
    
    this.$route.params.kw}}