フロントエンドはバックエンドを受け取り、newline/n を返しますが、これは有効ではありません。

問題: フロントエンドが受信し、バックエンドが改行なしの改行文字 /n を返しますが、有効になりません。

解決：

1. CSSの空白プロパティを設定する

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

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

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

2. 文字列内の \n を に置き換え
、v-html を使用して文字列をレンダリングします。

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

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

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