分割字符串并折行

问题：在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;