vue子组件props接收到的文字带\n，如何展示页面

vue子组件props接收到的文字带\n，如何展示页面

今天遇到一个问题，接收到的文字有\n，但是打印不出来，也展示不出来，用了v-html也不行，最后看大神的解决方案，我简单粗暴用的最简单的一种

一、 通过 css属性 实现

设置 white-space: pre-wrap; 代码如下：

//  msg为含\n的文字，加了样式以后，就可以直接展示，如果需要用v-html也是可以的

<p style="white-space: pre-wrap;" class="sub-title">{{msg}}</p> 

二、还有其余的两种方法，

通过 v-html实现和通过 <pre>标签实现，可以参考原文章：
链接: https://blog.csdn.net/u012320487/article/details/126702839