为什么vue的路由空了？

Question

请看我的路由配置：

{
            path:'/search?q=:keyword',
            component:Search,
            name:'search',
            meta:{show:true}
        },

goSearch:function(){
            this.$router.push({name:'search',params:{k:this.keyword},query:{keyword:this.keyword}}).catch(err => {err});
        }

                        <input type="text"  class="input-error input-xxlarge" v-model="keyword"/>

当keyword是空字符串时，上面的路由地址变空了：

我要的效果是“/search?q=:keyword”，地址栏应该出现：/search?q=xxx的效果，可是怎么出现图片这样的？怎么解决这个问题？

Answer 1

// 定义
{
            path:'/search',
            component:Search,
            name:'search',
            meta:{show:true}
        },

// 调用方法
this.$router.push({
          path: '/search',
          query: {
            q: keyword
          }
        })

获取参数
this.$route.query.q

看路由的配置你是想get传参，但是传参调用的方法又是post传参，路由表示我也很难啊！