Vuejs 将隐藏输入的值设置为路由参数

Question

我正在尝试使用 id 值设置隐藏输入的值，这样当我提交表单时，我就有了 id。我知道这个值是使用参数传递的，如下所示：

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

Vuejs set value of hidden input as route param