v-html 空格/换行不生效

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

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

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


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

不生效

加了white-space后

相关推荐
Li清水2 分钟前
前端工程化
前端·javascript·前端框架·vue
云析赢指标公式网3 分钟前
文华财经盘立方期货通鳄鱼指标公式均线交易策略源码
前端
喵_美42 分钟前
选项卡切换(排他法、轮转法、轮转法之事件委托)
前端·javascript
Ku1s1 小时前
字节跳动 AML 前端 一面
前端
新知图书2 小时前
【图书推荐】《HTML5+CSS3 Web前端开发与实例教程(微课视频版)》
前端·css3·html5
Simaoya2 小时前
vue process.env.VUE_APP_BASE_API的相关配置及axios简单封装
前端·javascript·vue.js
wusp19942 小时前
理解JSON Web Token(JWT)及其在Node.js中的使用
前端·node.js·json·jwt
特立独行的猫a2 小时前
Pinia:Vue 2 和 Vue 3 中更好用的状态管理框架
前端·javascript·vue.js·pinia·vuex
武汉前端开发蓝风2 小时前
纯前端低代码开发脚手架 - daelui/molecule
前端·低代码
奋斗吧程序媛2 小时前
(接上一篇)前端弄一个变量实现点击次数在前端页面实时更新
前端·javascript·vue.js