在vue中提交表單。我如何引用表單元素？

Question

我想從我的Vue頁面，從一個方法做一個經典的表單提交。我不想使用輸入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() 
    } 
    } 
});