vue實(shí)現(xiàn)pdf文件發(fā)送到郵箱功能的示例代碼
需求: 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)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue中實(shí)現(xiàn)在外部調(diào)用methods的方法(推薦)
下面小編就為大家分享一篇vue中實(shí)現(xiàn)在外部調(diào)用methods的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
Vue3全局配置Axios并解決跨域請(qǐng)求問(wèn)題示例詳解
axios 是一個(gè)基于promise的HTTP庫(kù),支持promise所有的API,本文給大家介紹Vue3全局配置Axios并解決跨域請(qǐng)求問(wèn)題,內(nèi)容從axios部署開(kāi)始到解決跨域問(wèn)題,感興趣的朋友一起看看吧2023-11-11
vue實(shí)現(xiàn)文章內(nèi)容過(guò)長(zhǎng)點(diǎn)擊閱讀全文功能的實(shí)例
下面小編就為大家分享一篇vue實(shí)現(xiàn)文章內(nèi)容過(guò)長(zhǎng)點(diǎn)擊閱讀全文功能的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
解決vue創(chuàng)建項(xiàng)目使用vue-router和vuex報(bào)錯(cuò)Object(...)is not a&nb
這篇文章主要介紹了解決vue創(chuàng)建項(xiàng)目使用vue-router和vuex報(bào)錯(cuò)Object(...)is not a function問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
使用vue-cli打包過(guò)程中的步驟以及問(wèn)題的解決
這篇文章主要介紹了使用vue-cli打包過(guò)程中的步驟以及問(wèn)題的解決,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
使用elementUI實(shí)現(xiàn)將圖片上傳到本地的示例
今天小編就為大家分享一篇使用elementUI實(shí)現(xiàn)將圖片上傳到本地的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue3實(shí)現(xiàn)粒子動(dòng)態(tài)背景的示例詳解
這篇文章主要為大家詳細(xì)介紹了如何利用Vue3實(shí)現(xiàn)粒子動(dòng)態(tài)背景,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11

