后端返回的数据会带一个换行符（“↵”），前端如何根据该符号进行换行展示

方法一：textarea赋值

　　当我们拿到后端返回的数据时，直接通过v-model绑定给textarea，就会有默认的换行，但是它不能随内容高度增加textarea高度实现自适应，如果用JS来实现的话，相对麻烦一点。

方法二：使用v-html输出文本

　　“↵”符号在html中会识别别为\r,\n等转义字符，所以我们可以使用\r\n去替换（.replace(/(\r\n|\n|\r)/gm, ‘ < br /> ‘)）

代码示例

1

$ <span v-html="detail.replace(/(\r\n|\n|\r)/gm, '<br />')"></span>