路由传递params和query参数-对象方式

需求

点击搜索按钮向search组件传递参数

 

 

1.先给路由组件取个名字

2.路径中定义一个变量接受params参数（如果不想传params参数，则写:variable?，表示params参数可传可不传）

{
    name: 'search',
    path: '/search/:variable',

    component: Search,
    meta:{
            showFooter: true
         }
}

3.传递参数部分

methods:{
      goSearch(){
        this.$router.push({
        name:'search',//search组件
        params:{variable:this.keyword},
        query:{k:this.keyword.toUpperCase()}})
      }
    }

 search组件中获取参数