当前位置:主页 > 网页前端 > 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;
        }
      }
}

您可能感兴趣的文章:

相关文章