动态获取文本文本换行:

 

function Trim(str) {  //str表示要转换的字符串
return str.replace(/\n|\r\n/g,"<br/>");}

这样,就大功告成了。可是如果你是在vue中使用{{ text }}动态获取的文本这样处理。你会发现<br>会和文本一块显示出来。

改成

<div v-html="text"><div>

<br>就会起到换行的作用。vue中{{ text }},是以文本插值的方式展示文本,也就是会以字符串的形式显示,‘<br>’显然不会起作用。而v-html就是为输出真正的html准备的。不知道你是不是一脸懵逼,哈哈大笑

还是没事多看看:https://cn.vuejs.org/v2/guide/syntax.html

Logo

前往低代码交流专区

更多推荐