這篇文章主要介紹了vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能,實(shí)現(xiàn)代碼包括對(duì)郵箱格式內(nèi)容是否為空的驗(yàn)證方法，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

需求： vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能

<!-- 彈窗 -->
    <van-popup v-model="showEmail" closeable class="contactTel" :close-on-click-overlay="false" @close="closeEmail">
      <div class="popup-header fontSize36">
        發(fā)送至郵箱
      </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="請(qǐng)輸入您的電子郵箱"/> -->
          <span class="pr20 pl20 fontSize30">電子郵箱</span>
          <input label="電子郵箱" class="infoCenterText fontSize30" v-model="electricalMail" placeholder="請(qǐng)輸入您的電子郵箱"/>
        </div>
        <van-button type="primary" color="#024EE0" class="popup-btn" @click="handleMsg">確認(rèn)</van-button>
      </div>
</van-popup>

點(diǎn)擊發(fā)送到郵箱方法：

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("已發(fā)至郵箱，請(qǐng)查看");
              this.showEmail = false;
            }else{
              this.$toast(res.msg);
            }
          })
        }else{
          this.$toast("郵箱格式不正確");
          return;
        }
      }
}

到此這篇關(guān)于vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能的文章就介紹到這了,更多相關(guān)vue文件發(fā)送到郵箱內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: