没有实际的<form>标签时处理Vuetify表单

时间:2018-07-14 16:05:01

标签: javascript vue.js vuetify.js

指向我的联系表的链接位于侧面板上。表单本身被定义为对话框组件:

(开始):

<v-dialog v-model="contact_form" max-width="600px">
 <div slot="activator">Contact Form</div>
  <v-card>
   <v-card-title>
    <h3>Contact Form</h3>
   </v-card-title>
   <v-card-text>
    <v-container grid-list-md>
     <v-layout wrap>
      <v-flex xs12>
       <v-text-field
          :label="form.name"
          v-model.trim="name"
          :error-messages="nameErrors"
          :counter="80"
          @input="$v.name.$touch()"
          @blur="$v.name.$touch()">
       </v-text-field>
      </v-flex>
(...)

我想做的是将填写好的表单内容发送到PHP脚本,该脚本将发送电子邮件。验证由Vuelidate mixins完成,然后应通过此方法发送联系表单内容:

methods: {
  submit () {
    this.$v.$touch()
    // SENDING TO PHP SCRIPT HERE
    this.contact_form = false
  },
(...)

该方法在表格的底部调用:

<v-btn @click.native="submit">send
<span slot="loader" class="custom-loader"><v-icon light>cached</v-icon></span>
</v-btn>

说,有一个名为sendMail.php的PHP脚本,在此代码中应在何处以及如何调用它?

0 个答案:

没有答案