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

本文转载自查看原文 2020-07-13 18:18 1804 Vue

如图显示，-- 注释与后面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;" 这个样式很重要

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 \r,\n,\r\n的区别：回车与换行单片机中，为什么\r\n一起用，才能在串口助手显示中换行，只用\n不能换行 \r\n 如何转换成utf-8格式的，在jsp页面中正常显示换行换行符号（\r\n）的历史 vue中转译\n\r Java中写入文件时换行符用＂\r\n＂、＂\n＂、＂\r＂？换行符 \r \n \r\n 在不同系统下的区别 c#使用Split分割换行符 \r\n 解析PHP处理换行符的问题 \r\n python中写入txt文件需要换行,以及\r 和\n