vue如何识别换行\n?

<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>显示成换行展示在页面中呢?
阅读 11.3k
3 个回答
<div class="desc" v-if="item.payload.ext.type == 'txt'" v-html="item.payload.ext.content|enter"></div>

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题