# vue识别文本的/n为换行
# 实现方法:
# 1:通过 css属性实现
即:设置 white-space: pre-wrap;,(代码如下):
<el-row>
<el-col>职位描述:</el-col>
<el-col style="white-space: pre-wrap;">{{xxx}}</el-col>
</el-row>
1
2
3
4
2
3
4
# 2:使用v-html实现
首先,将字符串里的\n替换为<br>
,然后用v-html指令渲染字符串为innerHTML。
部分代码如下:
// JS部分
this.text = res.data.replace(/\n/g, '<br>')
// HTML部分
<div v-html="text"></div>
1
2
3
4
5
2
3
4
5