EmailJS - Vue.js 2和TS

Question

抱歉，我在网上没有发现类似的问题

这是我的问题，我试图做一个表格，以联系从一个应用程序。

我用Vue.js 2和TypeScript编写代码。

在这里，我的代码:我的模板：

      <form ref="form" class="form-data" @submit.prevent="sendEmail">
<input
          type="text"
          name="name"
          v-model="name"
          class="name"
          placeholder="your firstname + lastname"
        />
        <input
          type="email"
          name="email"
          v-model="email"
          class="email infos"
          placeholder="your email"
        />
<textarea
          class="message"
          name="message"
          v-model="message"
          placeholder=" your message">
        </textarea>
        <input class="btn" type="submit" @click.prevent value="Contact me" />
      </form>

我的剧本：

<script lang='ts'>
import {
  Component,
  Vue,
} from 'vue-property-decorator';
import emailjs from 'emailjs-com';

@Component({
  components: {},
})
export default class Contact extends Vue {
  private name = '';

  private email = '';

  private message = '';

  public sendMail() {
    emailjs.sendForm(
      'service_ID',
      'template_ID',
      this.$refs.form,
      'user_ID'
    )
   .then((result) => {
            console.log('SUCCESS!', result.text);
        }, (error) => {
            console.log('FAILED...', error.text);
        });
      this.name = '',
      this.email = '',
      this.message = '',
  }
</script>

我已经尝试用我的输入值来创建一个对象，而不是这个。$ref.但是我对“预期的3-4而不是5”的论点有一个错误。

另外，我在ESLint中有一个解析错误："Expression“。

我也有类型错误：

“类型为'Vue财政元素‘的参数’Vue\‘不可分配给’‘类型的参数。不能将'undefined’类型指定为'string Vue‘’”。

我希望有人能帮我。谢谢！

Answer 1

您需要登录到emailjs，并且必须用EmailJs帐户中的数据替换service_ID、template_ID和user_ID参数。