vue对文本中的\n 进行换行

在这里插入图片描述
1、v-html,不管是br还是\n都可以换行

<p v-html="msg"></p>

data(){
	return{
		msg: '随便一段文字\n换行了 '
	}
}

2、文本中有 \ n 的换行

<p style="white-space: pre-wrap;">{{msg}}</p>

data(){
	return{
		msg: '随便一段文字\n换行了 '
	}
}

3、文本中有 《br》的换行,就是把br替换成\n

<p style="white-space: pre-wrap;">{{changeLine(msg)}}</p>

data(){
	return{
		msg: '随便一段文字
换行了 '
} }, methods:{ changeLine(str){ return str.replace(/
/g
,'\n') } }

你可能感兴趣的:(Every,week,a,question)