vueでフォームを送信する。フォーム要素をどのように参照するのですか？

Question

私はVueページから、古典的なフォームの提出をメソッドから行いたいと思います。私はinput type = submitを使いたくない。私のメソッドからページ内のフォーム要素をどのように参照するのですか？確かに私はdocument.getElementById（）を行う必要はありませんか？

マークアップ

<div id="vueRoot"> 
    <form> 
    <input name="vitalInformation" v-model="store.vital"> 
    <a href="#" v-on:click="submit">SUBMIT</a> 
    </form> 
</div> 

コード

var store = {vital:''}; 
vm = new Vue({ 
    el : "#vueRoot", 
    data : {store : store}, 
    methods : { 
    submit : function(){ 
     //I'm ready, how do I do it ?? 
    } 
    } 
}); 

jsfiddle

Answer 1

答えは次のようになります。ref：https://vuejs.org/v2/api/#ref

マークアップ

<div id="vueRoot"> 
    <form ref="form"> 
    <input name="vitalInformation" v-model="store.vital"> 
    <a href="#" v-on:click="submit">SUBMIT</a> 
    </form> 
</div> 

コード

var store = {vital:''}; 
vm = new Vue({ 
    el : "#vueRoot", 
    data : {store : store}, 
    methods : { 
    submit : function(){ 
     this.$refs.form.submit() 
    } 
    } 
});