技术栈

v-html 空格/换行不生效

38kcok9w2vHanx_2024-07-05 20:22

接口返回的内容如下:有空格有换行,但 使用v-html无效

需加css样式 white-space: pre-wrap;

javascript 复制代码
<div class="pretty-html" v-html="Value"></div>


.pretty-html {
    white-space: pre-wrap; /* 保留空格和换行,并允许自动换行 */
}

不生效

加了white-space后

上一篇:【基于R语言群体遗传学】-3-计算等位基因频率
下一篇:路由器虚拟化之VRF(vpn-instance)和动态路由配置实例
相关推荐
去伪存真
2 小时前
AI Agent Harness 深度测评与技术选型实战
前端·agent
FRing03
4 小时前
vue2干货总结7(自定义指令、插槽、单页应用程序、路由的使用(VueRouter))
开发语言·前端·vue.js·vue2
疯华整猫
7 小时前
被杀掉之后:我把 Android 的「唤起 + 常驻」重做了一遍
前端·面试·架构
IT_陈寒
9 小时前
Java开发实战:从入门到精通
前端·人工智能·后端
风骏时光牛马
10 小时前
生成一个AI转岗经历标题,只需要一个标题,不需要其他的任何文本。
前端
Csvn
19 小时前
Monorepo
前端
Csvn
19 小时前
流水线
前端
Csvn
19 小时前
微前端架构
前端
Linux-lucky
21 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马
1 天前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
热门推荐
01如何新建文件夹? 电脑新建文件夹的4种方法02国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)03历年考研数学一、数学二、数学三真题试卷及答案PDF04几个好用的ip纯净度检测网站05GitHub 镜像站点06苹果iPA游戏软件资源下载网站07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新09昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战10Dify:一站式AI应用开发平台全解析与Windows部署指南