vue.jsで行を折り返す方法

vue.js で行を折り返す方法: [v-html] を使用して表示します。コードは [01a264cb89ff7789ee458c80a69f56e5data(){return }requestText:""}]。

#このチュートリアルの動作環境: Windows10 システム、vue2.9、この記事はすべてのブランドのコンピューターに適用されます。

【おすすめ関連記事:

vue.js】

vue.js の行折り返し方法:

ページ上にはカスタム テキストが頻繁に表示されます。テキストが長すぎる場合は、折り返す必要があります。HTML では、

タグで折り返すことも、\n 回転椅子で折り返すこともできます。以下は JavaScript と vue です。改行

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;

関連する無料学習の推奨事項:

JavaScript (ビデオ)

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