Question

当用户注册时，我需要使用vue.js向他们发送一封确认电子邮件。

我想使用https://www.smtpjs.com/提供的这张纸条我如何在vue.js应用程序中使用此“ Email.send”方法

<script src="https://smtpjs.com/v3/smtp.js">
</script>
Email.send({
    Host : "smtp.yourisp.com",
    Username : "username",
    Password : "password",
    To : 'them@website.com',
    From : "you@isp.com",
    Subject : "This is the subject",
    Body : "And this is the body"
}).then(
  message => alert(message)
);

我希望它像

  export default {
    name: 'landing',
    data () {
      return {
        component: null
      }
    },
    methods: {
      sendEmail(){
        Email.send({
          Host : "smtp.yourisp.com",
          Username : "username",
          Password : "password",
          To : 'them@website.com',
          From : "you@isp.com",
          Subject : "This is the subject",
          Body : "And this is the body"
        }).then(
          message => alert(message)
        );
      }
    }
  }

Answer 1

该脚本必须具有导出功能，因此您可以下载脚本并进行如下修改：

export var Email = {
  ... code ...
};

export default Email;

然后在您的组件中，按如下所示导入它：

import Email from './smtp.js';

您应该能够使用它的功能。

如何在vue方法中使用外部脚本

1 个答案: