ホームページ  >  記事  >  ウェブフロントエンド  >  vueとjsの改行について詳しく解説

vueとjsの改行について詳しく解説

小云云
小云云オリジナル
2018-03-22 17:28:379345ブラウズ

カスタマイズされたテキストがページ上で頻繁に発生します。テキストが長すぎる場合は、HTML で折り返す必要があります。以下は JavaScript と vue での折り込みです。皆さんのお役に立てれば幸いです。

JavaScriptの改行

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

vueの改行

vueでは、{{}}は変数を表示し、
は文字列として表示され、スペースが表示される場合はnが表示されるため、vueの上記の改行は機能しません。したがって、{{}} 内の内容は通常の文字列として扱われ、改行を表示したい場合は、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 の改行


改行を使用して行を変更する必要があります。 vue での改行

vue では、{{}} は変数を表示し、

は文字列として表示され、スペースが表示される場合は n が表示されるため、vue での上記の改行は機能しません。したがって、{{}} 内の内容は通常の文字列として扱われ、改行を表示したい場合は、v-html を使用して表示できます。

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

関連する推奨事項:


CSS はテキストの折り返しと切り抜きを制御します

複数のスペースと改行を保持する php テキスト スタイルの実装コード

php が改行を処理するときの問題の詳細な説明

以上がvueとjsの改行について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。