Soumettre un formulaire en vue. Comment dois-je faire référence à l'élément de formulaire?
Je veux faire un classique de la soumission de formulaire de ma Vue page, à partir d'une méthode. Je ne veux pas utiliser un input type=submit. Comment dois-je faire référence à l'élément de formulaire dans la page de ma méthode? Sûrement, je n'ai pas à faire du document.getElementById()?
balisage
<div id="vueRoot">
<form>
<input name="vitalInformation" v-model="store.vital">
<a href="#" v-on:click="submit">SUBMIT</a>
</form>
</div>
code
var store = {vital:''};
vm = new Vue({
el : "#vueRoot",
data : {store : store},
methods : {
submit : function(){
//I'm ready, how do I do it ??
}
}
});
- Je suis curieux, pourquoi ne voulez-vous pas utiliser input type=submit?
Vous devez vous connecter pour publier un commentaire.
La réponse serait:
ref
: https://vuejs.org/v2/api/#refBalisage
code
this.$refs.form.submit()
n'est pas une fonctionthis.$refs.form.$el.submit()
.vm.$el
vous donnera accès à la réelle de l'élément du domis not a function
ouis undefined
, n'oubliez pas d'ajouterref="form"
à la forme de l'élément de trop.