路由传递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组件中获取参数