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 
      } 
     },