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;" 這個樣式很重要