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')
}
}