>  기사  >  웹 프론트엔드  >  vue 및 js의 줄 바꿈에 대한 자세한 설명

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

小云云
小云云원래의
2018-03-22 17:28:379320검색

페이지에서 사용자 정의된 텍스트가 자주 발생합니다. 텍스트가 너무 길면 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.