VueJs - URLパラメータに入力をバインドします

Question

vue.jsのルートパラメータに入力フィールドをバインドしたいとします。

<input v-model="$route.params.query"/> 

可能ですか？

Answer 1

はい、可能です。私のコードでは、私は<select>要素を変更して、選択した値をURLとしてクエリに追加したいとします。だから、私はこのように行っている：
私の以前のURLは以下のとおりであった：

はlocalhost：ジャンルは私の鍵であり、this.filterData.genreは私の地元のオブジェクト値である8080 /ブック

<select class="form-control" v-on:change="appendQueryToUrl" v-model="filterData.genre"> 

methods: { 
     appendQueryToUrl() { 
      this.$router.push({query: {genre: this.filterData.genre}}) 
     } 
} 

。今、私のURLは次のようになります。

はlocalhost：？8080 /書籍/ジャンル=コンピュータ

おかげで、任意のエラーなら、私に通知します。