vue 后台返回的数据怎么换行 ？

vue 使用el-ui组件获取后台数据的时候，获取的数据较长，需要实现换行，添加 white-space: pre-line 就可实现换行，亦或是使用class样式

代码如下：

<el-form-item label="话术预览" prop class="radio-content">
  <p style="margin:0px;width:100%;word-break:break-all">摘要内容：{{ messageTitle }}</p>
  <p style="margin:0px;width:100%;word-break:break-all; white-space: pre-line;">详情内容：{{ messageContent }}</p>
</el-form-item>