如何在Vue中获取输入字段值

Question

我是 Vue 的新手，我需要一些帮助来从输入字段中获取值：

在我的表格中，我有：

 <input type="hidden" id="groupId" value="1">

如果我使用 jQuery，我会这样做：

 var group_id = $('#groupId').val();

但是，在 Vue 中我不知道如何绑定隐藏字段：

 <div id="app">
   <input type="text" v-model="groupId"> //Where do I put the value?
</div>

 new Vue({
    el: '#app',
    data: {
        groupId: //What do I put here to get the field's value?
    }

我怎样才能做到这一点？

原文由 Sigal Zahavi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

更新到更新： 请参阅此答案。以前更新的答案是错误的。

原答案：

在 Vue 中，您不会从视图中获取内容并将内容放入视图中。 Vue 就是这样做的。您在视图模型中进行所有操作，并在视图中进行绑定，以便 Vue 知道如何同步它。因此，您将输入绑定到模型数据项：

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

并在您的视图模型中设置其值：

 data: {
    groupId: 1
}

原文由 Roy J 发布，翻译遵循 CC BY-SA 3.0 许可协议