换行符
后端数据返回一段带有换行符的字符串,但是在vue项目里赋值给模板字符串识别不了,须在赋值前将换行符替换为HTML中的换行标签,即可完成换行需求,例子如下:
const str = "1.我是一个粉刷匠↵2.粉刷本领强↵3.我要把那新房子↵4.变得更漂亮" // 模拟后端返回的数据
newStr = str.replace(/\n/g, "<br>")
// 将变量在视图中渲染
<p " v-html="newStr "></p>
渲染效果
1.我是一个粉刷匠
2.粉刷本领强
3.我要把那新房子
4.变得更漂亮