vue获取到了后端数据，如何给其换行？

Question

已获取到数据并在页面上显示，但是是一段文字效果，想问下，如何才能给文字换行？

HTML 代码

获取后端数据代码

Answer 1

让后端返回给你带标签的形式：<p>1.xxx<br/>2.xxx<br/></p>要是前端处理的话我认为不合理。虽然前端也能处理。首先后端给你的内容应该是动态的，也就是这段文本是动态生成的。那么这段文本的来源开始哪里？？我猜测应该是类似从富文本编辑器中“用户”去编写完了传给后端的。传的时候应该是自带标签的。不然要是写死的文本的话你前端自己写不就行了，不需要通过后端获取。你说呢？！

Answer 2

根据分号转成数组；然后再循环数组，填充到标签中 比如 data return 里面定义个arrlet list='1.你好吗;2.你是谁;3.你在呢'this.arr=list.split(';')<span v-for='item of arr'>{{item}}</span>&nbsp;即可

Answer 3

应该让后端返回一个list,然后前端遍历，用p标签就可以

Answer 4

如果格式都是固定的，前端可以根据每句话后面的;拆分为数组，然后进行遍历

Answer 5

要么后端返回给你的时候加上要么就分成list，你自己循环

Answer 6

这种东西明显应该是后端给你处理好格式一起返回，不可能前端进行格式化的。能在后端处理的逻辑尽量不要丢给前端，因为前端太容易被篡改了。

Answer 7

按 ; 号 分割完成业务需求就是了，如果让后端给，估计格式这样~["aaaaaaaaaaaaa",&nbsp;"bbbbbbbbbbbbbb",&nbsp;"ccccccccccccccc"]

Answer 8

可以将字符串先join(“;”)转化为数组然后拿数组去自己排吧

Answer 9

将后台返回的数据进行分解，组装。

Answer 10

目测后台数据是textrea保存的数据，只需要正则匹配一下，加入换行和空格就好啦，很简单&nbsp; &nbsp; textareaTo(str) {&nbsp; &nbsp; &nbsp; &nbsp; let regs = new RegExp("\r", "g");&nbsp; &nbsp; &nbsp; &nbsp; let reg = new RegExp("\n", "g");&nbsp; &nbsp; &nbsp; &nbsp; let regSpace = new RegExp(" ", "g");&nbsp; &nbsp; &nbsp; &nbsp; str = str.replace(reg, "<br/>");&nbsp; &nbsp; &nbsp; &nbsp; str = str.replace(regs, "<br/>");&nbsp; &nbsp; &nbsp; &nbsp; str = str.replace(regSpace, "&nbsp;");&nbsp; &nbsp; &nbsp; &nbsp; return str;&nbsp; &nbsp; },