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