EmailJS错误的提交表单“第三个参数应该是HTML元素或表单的样式选择器”。

Question

我正在构建我的vue应用程序，在这里我们可以提交表单，我使用的是EmailJS和Vuetify，我遇到了一些问题，The 3rd parameter is expected to be the HTML form element or the style selector of form。

ContactForm.vue

<v-form class="mx-8" ref="form" @submit.prevent="sendEmail">
        <v-col>
          <v-text-field
            v-model="from_name"
            name="from_name"
            label="Full Name"
            required
          ></v-text-field>
        </v-col>
        <v-col>
          <v-text-field
            v-model="from_email"
            name="from_email"
            label="Email"
            required
          ></v-text-field>
        </v-col>
        <v-col>
          <v-textarea
            v-model="message"
            name="message"
            outlined
            label="Tell us about your ideas, the type of website you want, your target market, and your desired style."
            :rules="textareaRules"
          ></v-textarea>
        </v-col>

        <v-card-actions>
          <v-spacer></v-spacer>

          <v-btn color="#99d215b9" class="card-button mb-4" type="submit">
            Submit
          </v-btn>
        </v-card-actions>
      </v-form>

脚本

import emailjs from "@emailjs/browser";
export default {
  data() {
    return {
      from_name: "",
      from_email: "",
      message: "",
    };
  },
  methods: {
    sendEmail() {
      emailjs
        .sendForm(
          "service_id",
          "template_id",
        {
         from_name: this.from_name,
         from_email: this.from_email,
          message: this.message,
         },
          "public_id"
        )
        .then(
          (result) => {
            console.log("SUCCESS!", result.text);
          },
          (error) => {
            console.log("FAILED...", error.text);
          }
        );
    },

有人知道我的错误在哪里吗?要解决这个错误，The 3rd parameter is expected to be the HTML form element or the style selector of form？我尝试了这个参数this.$refs.form 来自电子邮件文档，但是得到了相同的问题。

Answer 1

你好，我想你必须像这样编辑你的方法

 methods: {
    sendEmail() {
      emailjs
        .send(
          "service_id",
          "template_id",
        {
         from_name: this.from_name,
         from_email: this.from_email,
          message: this.message,
         },
          "public_id"
        )
        .then(
          (result) => {
            console.log("SUCCESS!", result.text);
          },
          (error) => {
            console.log("FAILED...", error.text);
          }
        );
    },