後端 n實現前端換行

2021-10-08 11:26:02 字數 568 閱讀 6359

後端傳入兩個\的n在前端會被解析成\n,前端實現換行方式

將\n替換成\n。用pre標籤輸出

}

將v-html輸出

"bz" style=

"white-space:pre-line"

>

white-space

描述normal 預設

空白會被瀏覽器忽略。

pre空白會被瀏覽器保留。其行為方式類似 html 中的

標籤。

nowrap

文字不會換行,文字會在在同一行上繼續,直到遇到

標籤為止。

pre-wrap

保留空白符序列,但是正常地進行換行。

pre-line

合併空白符序列,但是保留換行符。

inherit

規定應該從父元素繼承 white-space 屬性的值。

後台傳多個空格,前端控制台只輸出乙個,要保留後台的多個空格,可用white-space:pre-wrap

前端頁面對後端資料的換行顯示

有時我們會遇到這種情況,後端傳遞了一大段包含了回車符的文字內容,在react中,我們直接將這部分內容展示的話,並不會出現換行的效果。如下例子 content為從後端獲取的資料,例如 content hello world!hello world!hello world!hello world!hel...

秒殺前端 後端

第15章 秒殺前端 課程內容 1 了解秒殺需求 完成秒殺商品存入快取 完成秒殺首頁實現 1 秒殺業務分析 1.1 需求分析 所謂 秒殺 就是網路賣家發布一些超低 的商品,所有買家在同一時間網上搶購的一種銷售方式。通俗一點講就是網路商家為 等目的組織的網上限時搶購活動。由於商品 低廉,往往一上架就被搶...

如何實現前端與後端資料互動

定義變數 var pay 舉例 var ispay false var lastpay 包年包月 設定 pay是指找到id為pay的要素,當對其執行 click 操作時就執行下面函式內容。pay on click button function console.log this attr id pa...