Javascript Vue如何解析来自Api的textarea字符串中的换行符？

我正在使用Vue 2，我需要在文本区域中用换行符显示

myText

变量。如果在textarea中使用静态变量，则换行符可以正常工作。它表明：

line one
line two2

但是如果我从API获取

myText

，它会将

\n

显示为文本：

line one\nline two2

此代码用于澄清

 <template>
  <div class="Test">  
    <textarea name="name" v-model="myText" >   </textarea> 
  </div>
</template>

JavaScript

 <script>
    export default {
      name: 'Test',
       data: () => ({
          myText: ' line one\nline two2 ' 
       }), 
       created(){
         this.getTextFromApi();
       },
       methods:{
           getTextFromApi(){ 
                ajax()
                 .done(function(Response){ 
                    this.myText = Response.text;   
                 };
           },
      }
    } 
</script>

导出默认值{
名称：'测试'，
数据：（）=>({
myText:'第一行\n第二行'
}), 
创建（）{
这是getTextFromApi（）；
},
方法：{
getTextFromApi（）{
ajax（）
.done（函数（响应）{
this.myText=Response.text；
};
},
}
} 

---

那么，如何使textarea将Api中的

\n

作为换行符而不是文本来读取呢？

您的Api文本似乎有两个反斜杠，比如可能将“\n”之类的字符串转义到“\\n”并输入到Api中。如果是这样，这将起作用：

this.myText=Response.text.replace（'\\n'，'\n'）；

这将在

\n

中留下换行符。回调似乎也需要一个箭头函数：

.done（（响应）=>{
this.myText=Response.text.replace（'\\n'，'\n'）；
})