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