vue實現(xiàn)pdf文件發(fā)送到郵箱功能的示例代碼
更新時間：2022年05月11日 08:42:43 作者：船長在船上
這篇文章主要介紹了vue實現(xiàn)pdf文件發(fā)送到郵箱功能,實現(xiàn)代碼包括對郵箱格式內(nèi)容是否為空的驗證方法，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
需求： vue實現(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="請輸入您的電子郵箱"/> -->
<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">確認(rèn)</van-button>
</div>
</van-popup>點擊發(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ā)至郵箱，請查看");
this.showEmail = false;
}else{
this.$toast(res.msg);
}
})
}else{
this.$toast("郵箱格式不正確");
return;
}
}
}到此這篇關(guān)于vue實現(xiàn)pdf文件發(fā)送到郵箱功能的文章就介紹到這了,更多相關(guān)vue文件發(fā)送到郵箱內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue中實現(xiàn)在外部調(diào)用methods的方法(推薦)
下面小編就為大家分享一篇vue中實現(xiàn)在外部調(diào)用methods的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
axios 是一個基于promise的HTTP庫,支持promise所有的API,本文給大家介紹Vue3全局配置Axios并解決跨域請求問題,內(nèi)容從axios部署開始到解決跨域問題,感興趣的朋友一起看看吧2023-11-11
vue實現(xiàn)文章內(nèi)容過長點擊閱讀全文功能的實例
下面小編就為大家分享一篇vue實現(xiàn)文章內(nèi)容過長點擊閱讀全文功能的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
解決vue創(chuàng)建項目使用vue-router和vuex報錯Object(...)is not a&nb
這篇文章主要介紹了解決vue創(chuàng)建項目使用vue-router和vuex報錯Object(...)is not a function問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
這篇文章主要介紹了Vue開發(fā)Sort組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-10-10
使用ElementPlus的Table啥都好，就是沒有可編輯表格，所以這篇文章就來和大家分享一下Vue實現(xiàn)極致舒適的可編輯表格的方法，希望對大家有所幫助2023-06-06
這篇文章主要介紹了使用vue-cli打包過程中的步驟以及問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要給大家介紹了關(guān)于Vue生命周期的那些事,在使用vue開發(fā)過程中經(jīng)常會接觸到生命周期的問題,但對于每個鉤子函數(shù)都做了什么,應(yīng)用場景比較模糊,希望通過這次梳理讓自己清楚一些,需要的朋友可以參考下2021-09-09
使用elementUI實現(xiàn)將圖片上傳到本地的示例
今天小編就為大家分享一篇使用elementUI實現(xiàn)將圖片上傳到本地的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細(xì)介紹了如何利用Vue3實現(xiàn)粒子動態(tài)背景,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11