后端返回的数据以下html
"我家孩子在SayABC小班课↵跟小伙伴们一块儿互帮互助,↵合做竞争,学习更加有动力!💪↵从简单的单词到句型和场景对话,↵孩子愈来愈勇于开口说英语啦![耶]↵扫码当即领取外教课[爱心]↵让孩子从小与世界接轨~"后端
‘↵’是回车符'/n',这段内容是经过textarea人为编辑,提交给后端保存的。编辑框中能够识别的字符,在普通的标签里面没办法识别到,因此要转换成能够识别的<br/>学习
string.replace(/(\r\n|\n|\r)/gm, "<br />")spa
而后再用v-html=转换以后的string,就能够正常展现换行了htm
第二种方法是用 <pre></pre>标签,<pre> 标签的一个常见应用就是用来表示计算机的源代码。能够识别字符串中的‘/n’,‘/r/n’, 制表符,空格...字符串
第三种方法是用<textarea></textarea>展现,这样那边编辑的什么,这边就会显示什么string