对于录入的一串字符串,在文本中录入时,进行回车换行。录入的结果会如下。包含回车符 ↵

啦啦啦啦↵→妈妈们渐渐承担越来越

       在进行文本编辑的时候,我们会进行回车换行,输入回车符 ↵ ,在前端进行段落展示的时候,使用vue v-html却展示不出换行的效果,反而展示成了空格。那么如何展示成换行。 

       经发现,字符串中的 ↵ 替换的时候,会被替换为 空格。那么依据这个思路,我们对字符串进行空格替换,如下

str.replace(/\n/g,"<br/>")

此时会将字符串中的  ↵  都替换成 br标签,再进行v-html渲染即可。

Logo

前往低代码交流专区

更多推荐