vue中动态获取文本换行

动态获取文本文本换行：

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