如何在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?
    }

有人可以帮忙吗？

Answer 1

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

原始答案：

在Vue中，您不会从视图中获取任何东西，而是将其放入视图中。Vue做到了。您可以在视图模型中进行所有操作，并在视图中进行绑定，以便Vue知道如何进行同步。因此，您可以将输入绑定到模型数据项：

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

并在您的viewmodel中设置其值：

data: {
    groupId: 1
}

Answer 2

我也有同样的问题。我正在使用 Vue + Laravel。

\n\n

对我来说，经过搜索并没有在 Vue 文档中找到具体的解决方案后，解决方案很简单。

\n\n

简单地：

\n\n

document.getElementById(\'MyId\').value;

\n\n

详细信息在 \xe2\x86\x92 https://www.w3schools.com/jsref/prop_text_value.asp

\n\n

这不是最有效的解决方案，但目前有效！

\n\n

问候。

\n