js替换字符串中的\n
背景:后端返回长长的一个字符串,里面有很多\n,前端需要把\n转换成
,并在页面显示出换行的效果
第一步:\n转换成
getMessage(content) {
//加g是替换字符串里出现的所有\n,不加g是替换字符串里出现的第一个\n
let message = content.replace(/\n/g, '<br/>')
return message
}
第二步:在页面展示
// 起初是直接写在标签里,没有实现换行效果
<p>{{getMessage(content)}}</p>
//用v-html可实现换行效果
<p v-html="getMessage(content)"></p>
补充v-html
v-html 指令的作用:设置元素的innerHTML
内容中有html结构会被解析为标签