vueで入力した値をクエリストリングに付与したい

Question

入力フォームで入力したい値をそのままクエリーストリングに付与したいと考えております。

index.vue

<form v-on:submit.prevent="search">
<input type="search" v-model="keywords" placeholder="キーワードを入力">
<!--<button type="buttom" @click="search">submit</button>-->
</form>

上記のフォームに入力したら下記のdata()の中のkeywordsに入ることは確認していますが、
最後の方にある、下記のコードでクエリストリングに入れて渡そうとしていますが、undefinedになってしましいます。
こちらクエリにkeywordsを入れるやりかたを教えていただけますでしょうか。

                this.$router.push({
                    "path": this.category + 'search',
                    "params": {"category": this.category},
                    "query": {"keywords": this.keywords}
                })

<script>
    export default {
        data() {
            return {
                "keywords": '',
                "category": ''
            }
        },
        "methods": {
            "search": function () {
                // キーワードがなければエラー
                if (this.keywords == '') {
                    alert('error')
                    return
                }
                this.$store.commit('setKeywords', {
                    "keywords": this.keywords
                })

				this.keywords = this.$store.getters.keywords
                if (this.$route.params['category'] != null) {
                    this.category = this.$route.params['category'] + '/'
                }

                this.$router.push({
                    "path": this.category + 'search',
                    "params": {"category": this.category},
                    "query": {"keywords": this.keywords}
                })
            }
        },
    }
</script>

Answer 1

この部分の処理が怪しいですがストアへ正しくコミットできていますか？また、ゲッターから正しい情報は返ってきてますか？

this.$store.commit('setKeywords', {
  "keywords": this.keywords
})
this.keywords = this.$store.getters.keywords

ミューテーション部分の処理が見えないので何とも言えませんがsetKeywordsでdataの値をストアへ入れて、直後にストアからdataへ同じ情報を再代入する処理は意味がなさそうなので不要であれば削除するのもありだと思います。
もしストアとinputの値を連携させたいのであれば以下の書き方がオススメです。

<script>
export default {
  computed: {
    keywords: {
      get() {
        return this.$store.state.keywords
      },
      set(keywords) {
        this.$store.commit('setKeywords',{ keywords })
      }
    }
  }
}
</script>