前端接收后端返回换行符 /n 不生效

问题：前端接收后端返回换行符 /n 不换行、不生效

解决方案：

一、 设置css的white-space属性

<div class="text-container">{{ text }}</div>

export default {
  data() {
    return {
      text: '这是第一行\n这是第二行',
    };
  },
};

<style scoped>
.text-container {
  white-space: pre-wrap;
}
</style>

二、将字符串里的\n替换为
，然后用v-html渲染字符串。

<div class="text-container">{{ text }}</div>

export default {
  data() {
    return {
      text: '这是第一行\n这是第二行',
    };
  },
};

this.text= resp.data.content.replace(/\n/g, '<br>')