vue,jsでの改行

1882 ワード

ページではカスタムテキストがよく見られますが、テキストが長すぎると改行する必要があります.HTMLではラベルで改行したり、椅子文字で改行したりすることができます.以下はjavascriptとvueでの改行です.
JAvascriptでの改行
var reg=new RegExp("
"
,"g"), str= res.data.replace(reg,"
"
); $('.class').html(str);

vueでの改行
vueでは以上の改行は機能しません.vueでは変数が表示されるので、文字列として表示され、スペースが表示されます.したがって{{}}内の内容は通常の文字列として扱われ,改行を表示したい場合はv-htmlで表示することができる.
<p class="text" v-html="requestText"></p>
*   requestText   *
data(){
    return{
    requestText:""
    }
}
**              **
 let reg=new RegExp("
"
,"g"); let str= result.data.replace(reg,"
"
); this.requestText=str;