Detaillierte Erklärung der Zeilenumbrüche in Vue und JS

Wenn der Text zu lang ist, kann er in HTML durch Tags oder durch das N-Swivel-Stuhlzeichen umbrochen werden in Javascript und Vue. Hope kann jedem helfen.

Zeilenumbruch in Javascript

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

Zeilenumbruch in Vue

Der obige Zeilenumbruch in Vue funktioniert nicht, da in Vue {{}} Variablen angezeigt werden,
wird als Zeichenfolge und n als Leerzeichen angezeigt. Daher wird der Inhalt in {{}} als gewöhnlicher String behandelt. Wenn Sie Zeilenumbrüche anzeigen möchten, können Sie ihn mit v-html anzeigen.

<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;

Ich stoße oft auf benutzerdefinierten Text auf der Seite. Wenn der Text zu lang ist, müssen Sie ihn durch

-Tags in HTML ändern. oder Sie können Zeichenzeilenumbrüche über N übertragen. Im Folgenden finden Sie Zeilenumbrüche in Javascript und Vue

Zeilenumbrüche in Javascript

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

Zeilenumbrüche in Vue

Die obigen Zeilenumbrüche in Vue sind Es funktioniert nicht, da in Vue {{}} Variablen anzeigt,

als Zeichenfolge und n als Leerzeichen angezeigt wird. Daher wird der Inhalt in {{}} als gewöhnlicher String behandelt. Wenn Sie Zeilenumbrüche anzeigen möchten, können Sie ihn mit v-html anzeigen.

<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;

Verwandte Empfehlungen:

CSS steuert den Textumbruch und das Zuschneiden

PHP behält mehrere Leerzeichen und Zeilenumbruch-Textstile bei. Implementierungscode

Detaillierte Erklärung des Problems, wenn PHP Zeilenumbrüche verarbeitet

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der Zeilenumbrüche in Vue und JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!