未分類
5 2 月 2021

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

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

資深大佬 : Newyorkcity 11

求助为啥不起效？我看网上说这个设置了就 OK 了啊。多谢！
大佬有話說 (3)

  • 資深大佬 : YuxiangLuo

    <!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 = “123n456”;
    </script>
    </body>
    </html>

    参考 https://www.jianshu.com/p/a580568e0055

  • 資深大佬 : dengshen

    v-html 用这个指令能解析 html 语法

  • 資深大佬 : gzlock

    也可以用 pre 试试嘛
    https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/pre