前端 vue，后端来的数据里带 \n，希望有换行的效果，已经设置 white-space: pre-wrap 但不起效。

2021-01-16 00:27:14 +08:00
 Newyorkcity
求助为啥不起效？我看网上说这个设置了就 OK 了啊。多谢！
1328 次点击
所在节点    问与答
3 条回复
YuxiangLuo
2021-01-16 00:34:41 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="xx" style="white-space: pre-line;"></div>

<script>
let xx = document.getElementById("xx");
xx.innerHTML = "123\n456";
</script>
</body>
</html>


参考 https://www.jianshu.com/p/a580568e0055
dengshen
2021-01-16 00:44:15 +08:00
v-html 用这个指令能解析 html 语法
gzlock
2021-01-16 00:57:25 +08:00
也可以用 pre 试试嘛
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/pre

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/745389

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX