vue 및 js의 줄 바꿈에 대한 자세한 설명

페이지에서 사용자 정의된 텍스트가 자주 발생합니다. 텍스트가 너무 길면 HTML로 래핑하거나 n 회전 의자 문자를 통해 래핑할 수 있습니다. 모든 사람에게 도움이 되기를 바랍니다.

javascript의 줄 바꿈

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$(&#39;.class&#39;).html(str);

vue의 줄 바꿈

vue의 위 줄 바꿈은 작동하지 않습니다. vue {{}}에서 변수를 표시하고
는 문자열로 표시되고, 공백이 표시되면 n이 표시되기 때문입니다. 따라서 {{}} 내부의 내용은 일반 문자열로 처리됩니다. 줄바꿈을 표시하려면 v-html을 사용하여 표시하면 됩니다.

<p class="text" v-html="requestText"></p>* 以下requestText是变量*data(){    return{
    requestText:""
    }
}**一下是从服务器获取的动态数据**
 let reg=new RegExp("\n","g"); 
 let str= result.data.replace(reg,"<br>");
 this.requestText=str;

页는 페이지에서 맞춤 텍스트를 자주 발견합니다. 텍스트가 너무 길면 줄을 변경해야 합니다. HTML의 줄바꿈

줄바꿈

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$(&#39;.class&#39;).html(str);

을 통해 줄을 변경할 수 있습니다. vue의 줄 바꿈

vue의 위 줄 바꿈은 작동하지 않습니다. vue {{}}에서 변수를 표시하고

는 문자열로 표시되고 공백이 표시되면 n이 표시되기 때문입니다. 따라서 {{}} 내부의 내용은 일반 문자열로 처리됩니다. 줄바꿈을 표시하려면 v-html을 사용하여 표시하면 됩니다.

<p class="text" v-html="requestText"></p>* 以下requestText是变量*data(){    return{
    requestText:""
    }
}**一下是从服务器获取的动态数据**
 let reg=new RegExp("\n","g"); 
 let str= result.data.replace(reg,"<br>");
 this.requestText=str;

관련 권장 사항:

CSS는 텍스트 줄 바꿈 및 자르기를 제어합니다.

여러 공백과 줄 바꿈을 유지하는 PHP 텍스트 스타일 구현 코드

PHP가 줄 바꿈을 처리할 때 발생하는 문제에 대한 자세한 설명

위 내용은 vue 및 js의 줄 바꿈에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!