广东网站建设包括什么,地区网站建设服务周到,前端页面优化,重庆在线高校平台登录最近有一个需求#xff0c;前端发送一个form表单到一个邮箱#xff0c;找了一圈发现emailjs还不错就使用他了。首先emailjs官网注册一个账号注册完之后创建一个邮件服务#xff08;我这里使用的是谷歌邮箱#xff09;链接谷歌邮箱账户 然后创建服务接下来就要创建一个邮件的…最近有一个需求前端发送一个form表单到一个邮箱找了一圈发现emailjs还不错就使用他了。首先emailjs官网注册一个账号注册完之后创建一个邮件服务我这里使用的是谷歌邮箱链接谷歌邮箱账户 然后创建服务接下来就要创建一个邮件的模版模版可以是里面的变量是用{{}}包裹起来的 to Eamil 是设置收邮件的邮箱到此为止服务就差不多了现在开始看api安装这里有案例我这里用的是send方法import { send } from emailjs/browser;
const formRef ref()
const submit (){formRef.value.validate((valid, fields) {if (valid) {let loadingInstance ElLoading.service({lock: true,text: Loading,background: rgba(0, 0, 0, 0.7),})send(serviceID, templateID, templatePrams, publicKey).then(function(response) {ElMessage.info(發送成功)loadingInstance.close()}, function(error) {ElMessage.error(發送失敗)loadingInstance.close()})}})我们来重点说一下这几个参数 serviceID, templateID, templatePrams, publicKeyserviceIDtemplateIDtemplatePrams 就是一个包含key和value的对象而在上面提到的邮件模版中的{{}}中的内容对应这里的对象的key解析出来后邮件的内容就是对应的value了。publicKey最后我们看一下收到的邮件
