vue 界面显示保留\n \r 换行效果

<template slot-scope="{row}" slot="sqlText">
<p v-html="row.sqlText" style="white-space: pre-line;"></p>
</template>
style="white-space: pre-line;" 这个样式很重要

或
利用 v-html 展示 str.replace(/\n|\r\n/g, ‘<br>‘) 数据 完美解决

源文：
https://www.cnblogs.com/ZMargo/articles/13294918.html
https://www.cnblogs.com/wang-xx/p/11677496.html

原文：https://www.cnblogs.com/shy1766IT/p/13425673.html