<div class="fullTextContent"> <p v-html="lawFullText"></p> </div>; .fullTextContent { line-height: 1.7; } :deep(.indent) { margin: 10px 0 10px 50px; } const lawFullText = ref(""); lawFullText.value = ` <p> 我作为评审专家,现作出如下承诺:</p> <ol class="indent"> <li>本人坚决贯彻落实习近平总书记关于教育的重要论述精神,认真开展评审工作,促进教育科学研究高质量发展。 </li> <li>本人在参与本评审之前,未与学生、学校等评审相关利害关系人发生可能影响评审结果的接触,未与评审相关利害关系人有经济利益关系,未收受可能影响对课题公正评审的相关利害关系人的任何好处(包括现金、有价证券和礼物等),本人直系亲属未参与本次课题申报,本人不存在按照法律法规需要回避的情形。 </li> <li>本人将严格按照评审标准、规则和流程等要求,对所有作品独立评审,客观公正地履行职责,遵守职业道德,充分体现评审专业水平,对所提出的评审意见承担个人责任。</li> <li>本人严格遵守相关法律法规、规章制度及各项工作纪律,在评审过程中提出客观公正、合理的意见,不发表有引导性、倾向性、歧视性言论,对评审过程中所获知的各种信息和秘密予以保密; 评审结束后立即销毁所有过程性资料,不将评审过程中任何资料和信息向除相关上级单位以外的任何第三方透露,不向相关利益关系人透露课题评审结果以及与评审有关的其他信息。</li> <li>本人积极配合相关上级单位回复相关质疑,积极配合行政监督部门处理质疑投诉、重新评审和法律诉讼等事项;并按照有关规定合理收取劳务报酬。</li> </ol> <p>若违反上述行为,本人自愿承担相关责任,接受行政监督管理部门、纪检监察部门或司法机关调查处理。</p>`; white-space 解决换行符不生效问题 /* CSS部分 */ .text-wrapper { white-space: pre-wrap; } //html部分 <div class="text-wrapper">{{text}}</div> 扩展阅读 实现弹窗展示富文本数据 v-text&v-html&v-pre 解决用v-html插入的文本不换行 deep-editor