Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des sauts de ligne dans vue et js

小云云
Libérer: 2018-03-22 17:28:37
original
9330 Les gens l'ont consulté

Nous rencontrons souvent du texte personnalisé sur la page. Si le texte est trop long, il doit être renvoyé à la ligne. En HTML, vous pouvez passer la ligne à travers des balises ou via le caractère de chaise pivotante. en javascript et vue. Hope Peut aider tout le monde.

Saut de ligne en javascript

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

Saut de ligne en vue

Le saut de ligne ci-dessus dans vue ne fonctionne pas, car dans vue {{}} Les variables sont affichées,
sera affiché sous forme de chaîne et n sera affiché sous forme d'espace. Par conséquent, le contenu à l'intérieur de {{}} sera traité comme une chaîne ordinaire. Si vous souhaitez afficher des sauts de ligne, vous pouvez utiliser v-html pour l'afficher.

<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;
Copier après la connexion
Copier après la connexion
<<>

Je rencontre souvent du texte personnalisé dans la page. Si le texte est trop long, vous devez le modifier. Vous pouvez modifier la ligne par des balises

en HTML, ou vous pouvez via N chaises de transfert. les sauts de ligne ci-dessus dans vue sont Cela ne fonctionne pas, car dans vue {{}} affiche les variables,
sera affiché sous forme de chaîne et n sera affiché sous forme d'espace. Par conséquent, le contenu à l'intérieur de {{}} sera traité comme une chaîne ordinaire. Si vous souhaitez afficher des sauts de ligne, vous pouvez utiliser v-html pour l'afficher.

Recommandations associées :
var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$(&#39;.class&#39;).html(str);
Copier après la connexion
Copier après la connexion

CSS contrôle l'habillage et le recadrage du texte


<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;
Copier après la connexion
Copier après la connexion
php conserve plusieurs espaces et styles de texte d'habillage de ligne Code d'implémentation

Explication détaillée du problème lorsque PHP gère les sauts de ligne

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal