问题:在vue中含有 \n 的字符串,如果直接渲染的话无法实现换行。
解决方法:
1、使用v-html
// JS部分
this.text = res.data.replace(/\n/g,'<br>')
// HTML部分
<div v-html="text"></div>
2、在css里添加white-space: pre-wrap
//js切割字符串
const charArr = item.name.split('')
charArr.splice(10, 0, '\n')
item.name = charArr.join('')
//css
white-space: pre-wrap;