Maison >interface Web >js tutoriel >Explication détaillée des sauts de ligne dans vue et js

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

小云云
小云云original
2018-03-22 17:28:379387parcourir

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

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;

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

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

Déclaration:
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