在这里插入图片描述
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: '随便一段文字<br>换行了 '
	}
},
methods:{
	changeLine(str){
		return str.replace(/<br>/g,'\n')
	}
}
Logo

前往低代码交流专区

更多推荐