后端返回的数据:
上面圈着的部分就是\n,前端需要将数据进行换行,对于这类型的数据,在前端页面是需要进行稍微处理才能正常显示。如果没有经过处理,那么内容是不会在有换行符的位置进行换行显示的
解决办法1:
使用css属性:
white-space:pre-line
或
white-space:pre-wrap
pre-wrap:连续的空白符会被保留。在遇到换行符或者< br >元素,或者需要为了填充「行框盒子(line boxes)」时才会换行
pre-line连续的空白符会被合并。在遇到换行符或者< br >元素,或者需要为了填充「行框盒子(line boxes)」时会换行
解决办法2:
使用v-html输出文本文章来源:https://www.toymoban.com/news/detail-723442.html
v-html="xxx.replace(/\n\n/g, '<br>')"
以上两种方法都可以实现文章来源地址https://www.toymoban.com/news/detail-723442.html
到了这里,关于前端处理后端返回的数据中有\n\n字样的换行符标识的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!