欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

vue实现pdf文件发送到邮箱功能的示例代码

时间:2023-02-03 07:38:26|栏目:vue|点击:

需求: vue实现pdf文件发送到邮箱功能

<!-- 弹窗 -->
    <van-popup v-model="showEmail" closeable class="contactTel" :close-on-click-overlay="false" @close="closeEmail">
      <div class="popup-header fontSize36">
        发送至邮箱
      </div>
      <div class="popup-box fontSize36 color3">
        <div class="fieldInput mb50">
          <!-- <van-field v-model="electricalMail" name="email" ref="email" @click-input="handleClickInput" label="电子邮箱" placeholder="请输入您的电子邮箱"/> -->
          <span class="pr20 pl20 fontSize30">电子邮箱</span>
          <input label="电子邮箱" class="infoCenterText fontSize30" v-model="electricalMail" placeholder="请输入您的电子邮箱"/>
        </div>
        <van-button type="primary" color="#024EE0" class="popup-btn" @click="handleMsg">确认</van-button>
      </div>
</van-popup>

点击发送到邮箱方法:

handleMsg(){
      if(!this.electricalMail){
        this.$toast("邮箱不能为空");
        return;
      }else{
        let emailRegExp=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
        if(emailRegExp.test(this.electricalMail))	{
 
          let params = {
            url:this.historyObj.taxUrl,
            electricalMail:this.electricalMail
          }
          sendEmail(params).then(res=>{
            if(res.code == 200){
              this.$toast("已发至邮箱,请查看");
              this.showEmail = false;
            }else{
              this.$toast(res.msg);
            }
          })
        }else{
          this.$toast("邮箱格式不正确");
          return;
        }
      }
}

上一篇:vue实现登陆功能

栏    目:vue

下一篇:vue嵌套组件传参实例分享

本文标题:vue实现pdf文件发送到邮箱功能的示例代码

本文地址:http://www.codeinn.net/misctech/224975.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有