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

在这种情况下，我可能只会使用GL_FRONT

v-model

然后在数据中或路由更改时设置<input type="hidden" v-model="id"> 。

id

Answer 2

仅供参考，如果其他人遇到此问题，我设法通过在我的组件中使用计算属性来解决此问题：

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