vue如何识别换行\n？

Question

<div class="desc" v-if="item.payload.ext.type == 'txt'">{{item.payload.ext.content|enter}}</div>

item.payload.ext.content是后端返回的数据，大概是这样的：

"我呢\n想问下你\n"

然后我加了个过滤器

//识别换行
enter:function(str){
  let str1=str.replace(/\n/g,"<br/>")
  return str1
}

数据变成这样了：

"我呢<br>想问下你<br>"

我现在该怎么把<br>显示成换行展示在页面中呢？

Answer 1

<div class="desc" v-if="item.payload.ext.type == 'txt'" v-html="item.payload.ext.content|enter"></div>

Answer 2

v-html

Answer 3

有的富文本输出的内容, 可以用<pre></pre>包裹