Comment obtenir un champ de saisie de la valeur en vue
Je suis nouveau à la vue et je voudrais une aide pour obtenir une valeur d'un champ de saisie:
Donc, dans mon formulaire, j'ai:
<input type="hidden" id="groupId" value="1">
Et avec jQuery, je le ferais:
var group_id = $('#groupId').val();
En vue je ne sais pas comment lier le champ caché:
<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?
}
Quelqu'un peut s'il vous plaît aider?
Vous devez vous connecter pour publier un commentaire.
Mise à jour de la mise à jour: Voir cette réponse. Déjà mis à jour la réponse était erronée.
Réponse originale à cette question:
En Vue, vous n'obtenez pas les choses à partir de la vue et de mettre les choses dans la vue. Vue le fait que. Vous faire toutes les manipulations dans le viewmodel, et de faire des liaisons dans la vue, de sorte que la Vue sait comment synchroniser. Donc, si vous voulez lier le signal d'entrée du modèle de données de l'élément:
et définir sa valeur dans votre viewmodel:
v-model
était très bien. Désolé si c'confus quoi que ce soit. Le point principal est que la valeur doit être définie dans le viewmodel. Je n'utilise pas de Laravel, donc je ne peux pas vous aider avec ça.groupId
restenull
.J'ai eu la même question. Je travaille avec Vue + Laravel.
Pour moi, la solution est simple, après une recherche et ne pas trouver de solution concrète en Vue de la documentation.
Simplement:
document.getElementById('MyId').value;
Détails dans → https://www.w3schools.com/jsref/prop_text_value.asp
Ce n'est pas la solution la plus efficace, mais il fonctionne pour l'instant!
Salutations.
Exemple de travail d'obtenir la valeur du champ de saisie dans ce cas, il est de type hidden:
Ok, ce qui fait le travail: document.querySelector('#id de groupe').getAttribute('valeur');