vue提交表单问题

Question

比如这里有个表单demo：

<div id="app">
    <form @submit.prevent="submit">
        姓名
        <div class="field">
            <input name="name" type="text">
        </div>
        性別
        <div class="field">
            男<input name="gender" type="radio" value="male">
            女<input name="gender" type="radio" value="female">
        </div>
        <input type="submit" value="提交">
    </form>
</div>

用vue提交表单：

new Vue({

    el: '#app',
    methods: {
        submit: function(event) {            
            var formData = new FormData(event.target);            
            this.$http.post('/path/to', formData).then((response) => {                // success callback
            }, (response) => {                // error callback
            });

        }
    }

})

问题：
点击提交的时候，显示如下错误：Uncaught TypeError: Cannot read property 'target' of undefined，怎么个意思？