vue对文本中的\n<br> 进行换行
123123123
·
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')
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)