mailto 鏈接正在正確加載收件人和主題，但它似乎將電子郵件正文截斷為一個非常短的長度。我的電子郵件總共有 1500 個字符，所以我低于 mailto 限制。這封電子郵件似乎將正文截斷了大約 200 個字符。
我將一個計算屬性附加到 mailto 字串，因為我使用了一個名為“marked.js”的包，它將用戶輸入決議為 markdown/html。
我該如何解決這個問題？我嘗試將新資料屬性設定為“emailFormat”，并在頁面掛載時將電子郵件正文通過標記的包運行，然后設定為資料屬性。我認為這可以解決問題，因為現在我只是將一個字串附加到 mailto 正文，但這并沒有奏效，我仍然得到一個不完整的電子郵件正文。
接受 api 回應資料并貫穿標記包的計算屬性
letterContentToHtml() {
if (this.formData.letterContent != null) {
return marked(this.formData.letterContent); // marked is package to parse user input to markdown/html.
}
else {
return null;
}
},
顯示內容的模板部分和包含 mailto href 的按鈕
<p class="email-content-data" v-html="letterContentToHtml"></p>
<v-btn class="send-form-btn"
:disabled="!campaignFormValid || this.emailRecepients == ''"
elevation="12"
color="primary"
target="_blank"
:href="mailToString"
@click="updateCampaignList">
Send Email!
</v-btn>
mailto 計算屬性
mailToString() {
return "mailto:" this.formData.emailList "?subject=" this.formData.subject "&body=" this.emailContent;
},
uj5u.com熱心網友回復：
在將資料分配給超鏈接/錨標記的 HREF 屬性之前，您必須對資料進行 URL 編碼：
mailToString()
{
return "mailto:" encodeURIComponent(this.formData.emailList) "?subject=" encodeURIComponent(this.formData.subject) "&body=" encodeURIComponent(this.emailContent);
},
否則，它可能會干擾某些保留字符，例如?或=或&或某些 Unicode 字符。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/434698.html
標籤：javascript Vue.js 邮寄
上一篇：如何使用CSS設定（覆寫）Vuetifyv-autocomplete串列框（結果區域）的高度？
下一篇：是否保證未捕獲的例外訊息