技术栈

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)和动态路由配置实例
相关推荐
GreenTea
23 分钟前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码
前端·人工智能·后端
渣渣xiong
1 小时前
从零开始:前端转型AI agent直到就业第五天-第十一天
前端·人工智能
布局呆星
1 小时前
Vue3 | 组件通信学习小结
前端·vue.js
C澒
1 小时前
IntelliPro 企业级产研协作平台:前端智能生产模块设计与落地
前端·ai编程
OpenTiny社区
3 小时前
重磅预告|OpenTiny 亮相 QCon 北京,共话生成式 UI 最新技术思考
前端·开源·ai编程
前端老实人灬
3 小时前
web前端面试题
前端
Moment
3 小时前
AI 全栈指南:NestJs 中的 Service Provider 和 Module
前端·后端·面试
IT_陈寒
3 小时前
为什么我的JavaScript异步回调总是乱序执行?
前端·人工智能·后端
Moment
3 小时前
AI全栈入门指南:NestJs 中的 DTO 和数据校验
前端·后端·面试
热门推荐
01GitHub 镜像站点022026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南05免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手06Oh My Codex 快速使用指南07CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南08从限购到畅通:GLM-5.1 Coding Plan接入攻略09LLM Wiki:让大模型替你打理知识库的完整指南10AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析