Maison  >  Article  >  Applet WeChat  >  Introduction détaillée du texte du composant de contenu wxapp de l'applet WeChat

Introduction détaillée du texte du composant de contenu wxapp de l'applet WeChat

高洛峰
高洛峰original
2017-02-14 14:19:291921parcourir

Composant de contenu de l'applet WeChat : texte

nœud de texte, prend en charge le caractère d'échappement "".

Les nœuds autres que les nœuds de texte ne peuvent pas être appuyés longuement pour sélectionner

Exemple :

<view class="section section_gap">
 <text>{{text}}</text>
 <view class="btn-area">
  <button bindtap="add">add line</button>
  <button bindtap="remove">remove line</button>
 </view>
</view>
var initData = &#39;this is first line\nthis is second line&#39;
Page({
 data: {
 text: initData
 },
 extraLine: [],
 add: function(e) {
 this.extraLine.push(&#39;other line&#39;)
 this.setData({
  text: initData + &#39;\n&#39; + this.extraLine.join(&#39;\n&#39;)
 })
 },
 remove: function(e) {
 if (this.extraLine.length > 0) {
  this.extraLine.pop()
  this.setData({
  text: initData + &#39;\n&#39; + this.extraLine.join(&#39;\n&#39;)
  })
 }
 }
})

Merci d'avoir lu, j'espère que cela pourra aider tout le monde, merci pour votre soutien Support de ce site !

Pour plus de mini-programmes WeChat, le texte des composants de contenu wxapp est une introduction détaillée, veuillez faire attention au site Web PHP chinois pour les articles connexes !

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