Javascript 表单操作不是'；在vue引导表中不响应

我目前正在使用formsubmit.co提供的一项服务，该服务使表单能够通过电子邮件接收输入数据，而无需构建后端来存储和发送数据，而formsubmit则负责存储和发送数据。在他们的网站上，他们声称您只需设置action属性，将其与电子邮件一起指向他们的网站，将方法设置为POST并具有所有输入、选择器等的名称

我用他们的现场演示测试了这项服务，它似乎工作得很好，所以我相信问题就在我的表单本身的某个地方

应该发生的是，当用户单击submit时，输入的数据应该通过电子邮件发送给我，但到目前为止还没有发生

我目前正在使用与引导集成的Vue.js。这是表格

表格：

Vue.component（'bootstrap-form'{
模板：`
提交
`,
数据（）{
返回{
表格：{
电子邮件：“”，
名称：“”，
电话：''，
选项：null，
淋浴门：空，
提交：假
},
选项：[{text:'Select One'，value:null}，'Shower Doors'，'Mirrors'，'Glass shelf'，'Other']，
淋浴门：[{text:'Select One'，value:null}，'滑动淋浴和浴缸门'，'摆动淋浴门'，'防溅板/喷淋屏'，'自定义'，
秀：真的
}
},
方法：{
提交（事件）{
event.preventDefault（）
log（JSON.stringify（this.form））；
this.form.submitted=true
this.form.email=''
this.form.name=“”
this.form.telephone=''
this.form.option=null，
this.form.batherdoor=null，
//重置/清除本机浏览器表单验证状态的技巧
this.show=false
这个.$nextTick（（）=>{
this.show=true
})
}
}
})

在与formSubmit交谈之后，他们引导我尝试使用包含AJAX的表单提交

进入后

$.ajax({
    url: "https://formsubmit.co/ajax/your@email.com",
    method: "POST",
    data: {
        name: "FormSubmit",
        message: "I'm from Devro LABS"
    },
    dataType: "json"
});

在我的onSubmit func中，提交开始起作用

$.ajax({
    url: "https://formsubmit.co/ajax/your@email.com",
    method: "POST",
    data: {
        name: "FormSubmit",
        message: "I'm from Devro LABS"
    },
    dataType: "json"
});