登录  /  注册
使用计算属性的mailto链接未加载完整的消息正文
P粉811349112
P粉811349112 2023-12-07 19:05:55
[Vue.js讨论组]

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;
            },

P粉811349112
P粉811349112

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号