技术栈

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)和动态路由配置实例
相关推荐
爱勇宝
8 小时前
第 1 章:别把“需求文档”当成真正的需求
前端·后端·程序员
梨子同志
9 小时前
常用命令
前端
梨子同志
9 小时前
React 状态管理
前端
Dxy1239310216
9 小时前
MySQL索引完整教程:创建、查看、修改、删除与日常管理
前端·javascript·mysql
剪刀石头布啊
10 小时前
js能被遍历的集合有哪些特征,为何能被遍历
前端
剪刀石头布啊
10 小时前
js解构
前端
剪刀石头布啊
10 小时前
防抖功能的逐步递进
前端
剪刀石头布啊
10 小时前
对象的大小比较与面向对象思考
前端
最爱老式锅包肉
12 小时前
《HarmonyOS技术精讲-ArkWeb》桥接两岸:JSBridge原生与Web互调
前端·华为·harmonyos
IT_陈寒
13 小时前
闭包陷阱让我加了两天班,JavaScript你真行
前端·人工智能·后端
热门推荐
01GitHub 镜像站点022026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf03AI科技热点日报 | 2026年07月01日04【AI】2026 年具身智能模型和世界模型总结052026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?062026 年 AI 大模型 & AI 编程工具实战全总结072026 AI 编程工具选型横评:Cursor / Claude Code / Trae / Copilot 到底选谁(建议收藏·避坑版)08Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费092026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?102026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?