js替换字符串中的\n

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结构会被解析为标签