【内推字节】欢迎简历chengxinsong@bytedance.com
后端返回的是html内容,vue中动态获取文本换行
发布于 作者 superadmin 2007 次浏览 来自 分享

动态获取文本文本换行:

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准备的。


发布评论
微信群
saucxs聊天机器人
saucxs
hi ,欢迎来到sau交流学习社区,欢迎与我聊天,问我问题哦!