1 有换行符的

1）字符串

　　带了换行符　

"你好\r\nhello\r\nworld"

 

2）使用{{}}直接展示

{{rowdetail.lastWeekContent}}

 

3）展示效果

　　发现没有换行

image

 

2 处理

1）使用<pre>标签

<pre>{{rowdetail.lastWeekContent}}</pre>

 

2）展示效果

image

 

3 没有换行符但是文字过长的

1）效果

　　展示不全

image

 

2）处理

　　加上样式：style="white-space: pre-wrap;"

<el-col :span="20" >
     <pre style="white-space: pre-wrap;">{{rowdetail.problemContent}}</pre>
</el-col>

 

3）效果

image