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

 

 如图显示，-- 注释与后面SQL语句之间有\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;" 这个样式很重要