Vuejsが経路パラメータとして非表示入力の値を設定しました

Question

私のフォームを送信するときにidを持つように、非表示入力の値をidの値に設定しようとしています。私は次のようにこの値がPARAMを使用して渡されていることを知っている：

<td><router-link :to="{ name: 'editclient', params: { id: client.id }}">Edit</router-link></td> 

その後、私のEditClientコンポーネントで、私は次の隠し入力があります。

<input type="hidden" value="{{this.$route.params.id}}" v-model="id"> 

問題は、これがコンパイルされないということですが、これを行う別の方法はありますか？

私は私のIDの値は、それがこのケースであるべきである1に設定されていることがわかります。

問題は、私は私の隠された入力にこれを結合することができないということですが。

すべてのヘルプは高く評価され、この場合には感謝

Answer 1

私はおそらくちょうどv-model

<input type="hidden" v-model="id"> 

を使用してデータに場合やルート変更のいずれかidを設定します。参考まで

data(){ 
    return { 
     id: this.$route.params.id 
     ... 
    } 
} 

Answer 2

他の誰かがこの問題に当たる包み、私は私のコンポーネントで計算された属性を使用してこの問題を解決するために管理：

奇数

computed: { 
      id() { 
       return this.$route.params.id 
      } 
     },