vue中如何保留字符串中的空格
直接将后端返回的字符串渲染到页面时， 它会。就是你要渲染的带有空格的字符串。有的时候的一些需求是需要你。后端返回的字符串中的。
·
有的时候的一些需求是需要你保留后端返回的字符串中的空格的，可当我们用指令v-html直接将后端返回的字符串渲染到页面时， 它会自动清除掉字符串中的空格
解决方案
- css样式处理 white-space：pre-wrap
<template>
<!-- 使用CSS样式保留空格 -->
<p :style="{ whiteSpace: 'pre-wrap' }">{{ content }}</p>
</template>
content就是你要渲染的带有空格的字符串
- 将空格转换为实体 ‘’ -> ‘ ’
<template>
<!-- 使用HTML实体保留空格 -->
<p>{{ content.replace(/\s/g, ' ') }}</p>
</template>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)