vue.jsで行を折り返す方法-Vue.js-php.cn

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

coldplay.xixi

リリース： 2020-11-30 13:56:04

オリジナル

19205 人が閲覧しました

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

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

#このチュートリアルの動作環境: 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;

ログイン後にコピー