后端返回的數(shù)據(jù):
上面圈著的部分就是\n,前端需要將數(shù)據(jù)進行換行,對于這類型的數(shù)據(jù),在前端頁面是需要進行稍微處理才能正常顯示。如果沒有經(jīng)過處理,那么內(nèi)容是不會在有換行符的位置進行換行顯示的
解決辦法1:
使用css屬性:
white-space:pre-line
或
white-space:pre-wrap
pre-wrap:連續(xù)的空白符會被保留。在遇到換行符或者< br >元素,或者需要為了填充「行框盒子(line boxes)」時才會換行
pre-line連續(xù)的空白符會被合并。在遇到換行符或者< br >元素,或者需要為了填充「行框盒子(line boxes)」時會換行
解決辦法2:
使用v-html輸出文本文章來源:http://www.zghlxwxcb.cn/news/detail-723442.html
v-html="xxx.replace(/\n\n/g, '<br>')"
以上兩種方法都可以實現(xiàn)文章來源地址http://www.zghlxwxcb.cn/news/detail-723442.html
到了這里,關(guān)于前端處理后端返回的數(shù)據(jù)中有\n\n字樣的換行符標(biāo)識的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!