1,当我们在页面只用文本域的时候,用户可以手动敲换行符来换行,存入后端是个/n,返回的也是/n,那么在此展示的时候,没有识别/n的换行符,就没有换行了。
2,所以我们可以用
pre{
white-space: pre-wrap;
word-wrap: break-word;
}这样就可以了,代码如下:
<div v-if="!isEdit" class="isEditClass"><pre>{{Diagnose ? Diagnose : '暂无数据'}}</pre></div>
<el-input v-else class="yangjiangCon"
style="width: 100%"
placeholder="请输入内容"
v-model="Diagnose"
clearable
maxlength="500"
show-word-limit
type="textarea"
autosize
>
</el-input>
pre{
white-space: pre-wrap;
word-wrap: break-word;
}